﻿
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}

audio, canvas, video {
    display: inline-block;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden] {
    display: none;
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

a:active, a:hover {
    outline: 0;
}

h1 {
    margin: .67em 0;
}

b, strong {
    font-weight: 700;
}

dfn {
    font-style: italic;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

mark {
    background: #ff0;
    color: #000;
}

code, kbd, pre, samp {
    font-family: monospace,serif;
    font-size: 1em;
}

pre {
    white-space: pre-wrap;
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

button, input, select, textarea {
    margin: 0;
}

button, select {
    text-transform: none;
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}

    button[disabled], html input[disabled] {
        cursor: default;
    }

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: 62.5%;
    -webkit-tap-highlight-color: transparent;
}

body {
    line-height: 1.42857143;
    color: #333;
}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

    button, input, select[multiple], textarea {
        background-image: none;
    }

a {
    color: #428bca;
    text-decoration: none;
}

    a:focus, a:hover {
        color: #2a6496;
        text-decoration: underline;
    }

    a:focus {
        outline: -webkit-focus-ring-color auto 5px;
        outline-offset: -2px;
    }

img {
    vertical-align: middle;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.img-rounded {
    border-radius: 4px;
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.img-circle {
    border-radius: 50%;
}

hr {
    border: 0;
    border-top: 1px solid #eee;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    border: 0;
}

p {
    margin: 0 0 10px;
}

.lead {
    margin-bottom: 20px;
    font-size: 16.1px;
    font-weight: 200;
    line-height: 1.4;
}

@media (min-width:768px) {
    .lead {
        font-size: 21px;
    }
}

small {
    font-size: 85%;
}

cite {
    font-style: normal;
}

.text-muted {
    color: #999;
}

.text-primary {
    color: #428bca;
}

.text-warning {
    color: #c09853;
}

.text-danger {
    color: #b94a48;
}

.text-success {
    color: #468847;
}

.text-info {
    color: #3a87ad;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 500;
    line-height: 1.1;
}

    .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
        font-weight: 400;
        line-height: 1;
        color: #999;
    }

h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

h4, h5, h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.h1, h1 {
    font-size: 36px;
}

.h2, h2 {
    font-size: 30px;
}

.h3, h3 {
    font-size: 24px;
}

.h4, h4 {
    font-size: 18px;
}

.h5, h5 {
    font-size: 14px;
}

.h6, h6 {
    font-size: 12px;
}

.h1 small, h1 small {
    font-size: 24px;
}

.h2 small, h2 small {
    font-size: 18px;
}

.h3 small, .h4 small, h3 small, h4 small {
    font-size: 14px;
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee;
}

ol, ul {
    margin-top: 0;
    margin-bottom: 10px;
}

    ol ol, ol ul, ul ol, ul ul {
        margin-bottom: 0;
    }

.list-inline, .list-unstyled {
    padding-left: 0;
    list-style: none;
}

    .list-inline > li {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px;
    }

dl {
    margin-bottom: 20px;
}

dd, dt {
    line-height: 1.42857143;
}

dt {
    font-weight: 700;
}

dd {
    margin-left: 0;
}

@media (min-width:768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dl-horizontal dd {
        margin-left: 180px;
        display: block;
    }

        .dl-horizontal dd:after, .dl-horizontal dd:before {
            content: " ";
            display: table;
        }

        .dl-horizontal dd:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }
}

abbr[data-original-title], abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #999;
}

abbr.initialism {
    font-size: 90%;
    text-transform: uppercase;
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    border-left: 5px solid #eee;
}

    blockquote p {
        font-size: 17.5px;
        font-weight: 300;
        line-height: 1.25;
    }

        blockquote p:last-child {
            margin-bottom: 0;
        }

    blockquote small {
        display: block;
        line-height: 1.42857143;
        color: #999;
    }

        blockquote small:before {
            content: '\2014 \00A0';
        }

    blockquote.pull-right {
        padding-right: 15px;
        padding-left: 0;
        border-right: 5px solid #eee;
        border-left: 0;
    }

        blockquote.pull-right p, blockquote.pull-right small {
            text-align: right;
        }

            blockquote.pull-right small:before {
                content: '';
            }

            blockquote.pull-right small:after {
                content: '\00A0 \2014';
            }

    blockquote:after, blockquote:before, q:after, q:before {
        content: "";
    }

address {
    display: block;
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143;
}

table {
    max-width: 100%;
    background-color: transparent;
}

th {
    text-align: left;
}

.table {
    width: 100%;
    margin-bottom: 20px;
}

    .table tbody > tr > td, .table tbody > tr > th, .table tfoot > tr > td, .table tfoot > tr > th, .table thead > tr > td, .table thead > tr > th {
        padding: 4px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd;
    }

    .table thead > tr > th {
        vertical-align: bottom;
        border-bottom: 2px solid #ddd;
    }

    .table caption + thead tr:first-child td, .table caption + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table thead:first-child tr:first-child td, .table thead:first-child tr:first-child th {
        border-top: 0;
    }

    .table tbody + tbody {
        border-top: 2px solid #ddd;
    }

    .table .table {
        background-color: #fff;
    }

.table-condensed tbody > tr > td, .table-condensed tbody > tr > th, .table-condensed tfoot > tr > td, .table-condensed tfoot > tr > th, .table-condensed thead > tr > td, .table-condensed thead > tr > th {
    padding: 2px;
}

.table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #ddd;
}

    .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
        border-bottom-width: 2px;
    }

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background-color: #f5f5f5;
}

table col[class*=col-] {
    float: none;
    display: table-column;
}

table td[class*=col-], table th[class*=col-] {
    float: none;
    display: table-cell;
}

.table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {
    background-color: #f5f5f5;
}

.table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover {
    background-color: #d0e9c6;
    border-color: #c9e2b3;
}

.table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger {
    background-color: #f2dede;
    border-color: #eed3d7;
}

.table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover {
    background-color: #ebcccc;
    border-color: #e6c1c7;
}

.table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning {
    background-color: #fcf8e3;
    border-color: #fbeed5;
}

.table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover {
    background-color: #faf2cc;
    border-color: #f8e5be;
}

@media (max-width:768px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        overflow-x: scroll;
        border: 1px solid #ddd;
    }

        .table-responsive > .table {
            margin-bottom: 0;
            background-color: #fff;
        }

            .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
                white-space: nowrap;
            }

        .table-responsive > .table-bordered {
            border: 0;
        }

            .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > thead > tr > th:first-child {
                border-left: 0;
            }

            .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > thead > tr > th:last-child {
                border-right: 0;
            }

            .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > thead > tr:last-child > td, .table-responsive > .table-bordered > thead > tr:last-child > th {
                border-bottom: 0;
            }
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

label {
    display: inline-block;
    margin-bottom: 5px;
}

input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    line-height: normal;
}

input[type=file] {
    display: block;
}

input[type=range] {
    display: block;
    width: 100%;
}

select[multiple], select[size] {
    height: auto;
}

input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus {
    outline: #333 dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px;
}

output {
    display: block;
    padding-top: 4px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
}

.form-control {
    width: 100%;
    font-size: 14px;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    border: 1px dashed #999;
    color: #999;
    line-height: 15px;
    list-style-type: none;
    height: 16px;
    display: inline;
    margin: 3px 5px 0 0;
    padding: 0 6px;
    min-width: 70px;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

    .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    }

    .form-control:-moz-placeholder {
        color: #999;
    }

    .form-control::-moz-placeholder {
        color: #999;
    }

    .form-control:-ms-input-placeholder {
        color: #999;
    }

    .form-control::-webkit-input-placeholder {
        color: #999;
    }

    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
        cursor: not-allowed;
        background-color: #eee;
        opacity: 1;
    }

textarea.form-control {
    height: auto;
}

input[type=search] {
    -webkit-appearance: none;
}

input[type=date] {
    line-height: 28px;
}

.form-group {
    margin-bottom: 15px;
}

.checkbox, .radio {
    display: block;
    min-height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 20px;
}

    .checkbox label, .radio label {
        display: inline;
        font-weight: 400;
        cursor: pointer;
    }

    .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
        float: left;
        margin-left: -20px;
    }

    .checkbox + .checkbox, .radio + .radio {
        margin-top: -5px;
    }

.checkbox-inline, .radio-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: 400;
    cursor: pointer;
}

    .checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
        margin-top: 0;
        margin-left: 10px;
    }

    .checkbox-inline[disabled], .checkbox[disabled], .radio-inline[disabled], .radio[disabled], fieldset[disabled] .checkbox, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio, fieldset[disabled] .radio-inline, fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox][disabled], input[type=radio][disabled] {
        cursor: not-allowed;
    }

.input-sm {
    height: 24px;
    padding: 2px 4px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 4px;
}

select.input-sm {
    height: 24px;
    line-height: 24px;
}

textarea.input-sm {
    height: auto;
}

.input-lg {
    height: 35px;
    padding: 5px 8px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 4px;
}

select.input-lg {
    height: 35px;
    line-height: 35px;
}

textarea.input-lg {
    height: auto;
}

.has-feedback {
    position: relative;
}

    .has-feedback .form-control {
        padding-right: 35px;
    }

    .has-feedback .form-control-feedback {
        position: absolute;
        top: 25px;
        right: 0;
        display: block;
        width: 28px;
        height: 28px;
        line-height: 28px;
        text-align: center;
    }

.has-success .control-label, .has-success .help-block {
    color: #468847;
}

.has-success .form-control {
    border-color: #468847;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

    .has-success .form-control:focus {
        border-color: #356635;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #7aba7b;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #7aba7b;
    }

.has-success .input-group-addon {
    color: #468847;
    border-color: #468847;
    background-color: #dff0d8;
}

.has-warning .control-label, .has-warning .help-block {
    color: #c09853;
}

.has-warning .form-control {
    border-color: #c09853;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

    .has-warning .form-control:focus {
        border-color: #a47e3c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #dbc59e;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #dbc59e;
    }

.has-warning .input-group-addon {
    color: #c09853;
    border-color: #c09853;
    background-color: #fcf8e3;
}

.has-error .control-label, .has-error .help-block {
    color: #b94a48;
}

.has-error .form-control {
    border-color: #b94a48;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

    .has-error .form-control:focus {
        border-color: #953b39;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #d59392;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #d59392;
    }

.has-error .input-group-addon {
    color: #b94a48;
    border-color: #b94a48;
    background-color: #f2dede;
}

.form-control-static {
    margin-bottom: 0;
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
}

@media (min-width:768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .form-inline .input-group > .form-control {
        width: 100%;
    }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .checkbox, .form-inline .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0;
        vertical-align: middle;
    }

        .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] {
            float: none;
            margin-left: 0;
        }

    .form-inline .has-feedback .form-control-feedback {
        top: 0;
    }
}

.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .radio-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 4px;
}

.form-horizontal .checkbox, .form-horizontal .radio {
    min-height: 24px;
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px;
    display: block;
}

    .form-horizontal .form-group:after, .form-horizontal .form-group:before {
        content: " ";
        display: table;
    }

    .form-horizontal .form-group:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

.form-horizontal .form-control-static {
    padding-top: 4px;
}

@media (min-width:768px) {
    .form-horizontal .control-label {
        text-align: right;
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    top: 0;
    right: 15px;
}

.btn {
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

    .btn:focus {
        outline: #333 dotted thin;
        outline: -webkit-focus-ring-color auto 5px;
        outline-offset: -2px;
    }

    .btn:focus, .btn:hover {
        color: #333;
        text-decoration: none;
    }

    .btn.active, .btn:active {
        outline: 0;
        background-image: none;
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    }

    .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
        cursor: not-allowed;
        pointer-events: none;
        opacity: .65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

    .btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover, .open .dropdown-toggle.btn-default {
        color: #333;
        background-color: #ebebeb;
        border-color: #adadad;
    }

    .btn-default.active, .btn-default:active, .open .dropdown-toggle.btn-default {
        background-image: none;
    }

    .btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
        background-color: #fff;
        border-color: #ccc;
    }

.btn-primary {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
}

    .btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #3276b1;
        border-color: #285e8e;
    }

    .btn-primary.active, .btn-primary:active, .open .dropdown-toggle.btn-primary {
        background-image: none;
    }

    .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
        background-color: #428bca;
        border-color: #357ebd;
    }

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

    .btn-warning.active, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open .dropdown-toggle.btn-warning {
        color: #fff;
        background-color: #ed9c28;
        border-color: #d58512;
    }

    .btn-warning.active, .btn-warning:active, .open .dropdown-toggle.btn-warning {
        background-image: none;
    }

    .btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
        background-color: #f0ad4e;
        border-color: #eea236;
    }

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

    .btn-danger.active, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open .dropdown-toggle.btn-danger {
        color: #fff;
        background-color: #d2322d;
        border-color: #ac2925;
    }

    .btn-danger.active, .btn-danger:active, .open .dropdown-toggle.btn-danger {
        background-image: none;
    }

    .btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger.active, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
        background-color: #d9534f;
        border-color: #d43f3a;
    }

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

    .btn-success.active, .btn-success:active, .btn-success:focus, .btn-success:hover, .open .dropdown-toggle.btn-success {
        color: #fff;
        background-color: #47a447;
        border-color: #398439;
    }

    .btn-success.active, .btn-success:active, .open .dropdown-toggle.btn-success {
        background-image: none;
    }

    .btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
        background-color: #5cb85c;
        border-color: #4cae4c;
    }

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

    .btn-info.active, .btn-info:active, .btn-info:focus, .btn-info:hover, .open .dropdown-toggle.btn-info {
        color: #fff;
        background-color: #39b3d7;
        border-color: #269abc;
    }

    .btn-info.active, .btn-info:active, .open .dropdown-toggle.btn-info {
        background-image: none;
    }

    .btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
        background-color: #5bc0de;
        border-color: #46b8da;
    }

.btn-link {
    color: #428bca;
    font-weight: 400;
    cursor: pointer;
    border-radius: 0;
}

    .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
            border-color: transparent;
        }

            .btn-link:focus, .btn-link:hover {
                color: #2a6496;
                text-decoration: underline;
                background-color: transparent;
            }

            .btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover {
                color: #999;
                text-decoration: none;
            }

.btn-lg {
    padding: 5px 8px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 4px;
}

.btn-sm, .btn-xs {
    padding: 2px 4px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 4px;
}

.btn-xs {
    padding: 1px 5px;
}

.btn-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

    .btn-block + .btn-block {
        margin-top: 5px;
    }

input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
    width: 100%;
}

.tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    visibility: visible;
    font-size: 12px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0);
}

    .tooltip.in {
        opacity: .9;
        filter: alpha(opacity=90);
    }

    .tooltip.top {
        margin-top: -3px;
        padding: 5px 0;
    }

    .tooltip.right {
        margin-left: 3px;
        padding: 0 5px;
    }

    .tooltip.bottom {
        margin-top: 3px;
        padding: 5px 0;
    }

    .tooltip.left {
        margin-left: -3px;
        padding: 0 5px;
    }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    border-radius: 4px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    left: 5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    right: 5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    left: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    right: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.ml5 {
    margin-left: 5px;
}

.mr5 {
    margin-right: 5px;
}

.mr8 {
    margin-right: 8px;
}

.pr5 {
    padding-right: 5px;
}

.ml10 {
    margin-left: 10px;
}

.mr10 {
    margin-right: 10px;
}

.mt10 {
    margin-top: 10px;
}

.mb10 {
    margin-bottom: 10px;
}

.p10 {
    padding: 10px;
}

.pl10 {
    padding-left: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.blue {
    color: #479CEB;
}

.red {
    color: red;
}

.button + .button, button + button {
    margin-left: 5px;
}

input:focus {
    box-shadow: inset 0 1px 3px rgba(0,0,0,.1),0 0 8px rgba(82,168,236,.6);
    -webkit-transition: box-shadow .4s;
    -moz-transition: box-shadow .4s;
    -ms-transition: box-shadow .4s;
    -o-transition: box-shadow .4s;
    transition: box-shadow .4s;
}

label {
    font-weight: 400;
}

::-webkit-scrollbar {
    width: 5px;
}

    ::-webkit-scrollbar:horizontal {
        height: 5px;
    }

::-webkit-scrollbar-track {
    background-color: rgba(0,0,0,.05);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb {
    width: 10px;
    height: 10px;
    background: #c5c5c5;
    border-radius: 4px;
}

    ::-webkit-scrollbar-thumb :window-inactive {
        background: rgba(67,98,146,.25);
    }

    ::-webkit-scrollbar-thumb:hover {
        background: #666;
    }

.clearfix {
    display: block;
}

    .clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

hr {
    margin: 0 5px;
}

.btn, .button, button, input[type=button], input[type=reset], input[type=submit] {
    background: #f9f9f9;
    border: 1px solid #ccc;
    border-radius: 3px;
    display: inline-block;
    color: #383838;
    font-size: 12px;
    padding: 2px 11px;
    text-decoration: none;
}

    .btn:hover, .button:hover, button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
        background: #fff;
        border-color: #ccc;
        text-decoration: none;
        color: #333;
    }

    .btn:active, .button:active, button:active, input[type=button]:active, input[type=reset]:active, input[type=submit]:active {
        position: relative;
        top: 1px;
        background: #f4f4f4;
        border-color: #ccc;
    }

    .btn:focus, .button:focus, button:focus, input[type=button]:focus, input[type=reset]:focus, input[type=submit]:focus {
        text-decoration: none;
    }

    .btn.on, .button.on, button.on, input[type=button].on, input[type=reset].on, input[type=submit].on {
        background: #289DE9;
        border-color: #289DE9;
        color: #fff;
    }

        .btn.on:hover, .button.on:hover, button.on:hover, input[type=button].on:hover, input[type=reset].on:hover, input[type=submit].on:hover {
            background: #30adf2;
            border-color: #30adf2;
        }

        .btn.on:active, .button.on:active, button.on:active, input[type=button].on:active, input[type=reset].on:active, input[type=submit].on:active {
            background: #2597d6;
            border-color: #2597d6;
        }

    .btn:last-child, .button:last-child, button:last-child, input[type=button]:last-child, input[type=reset]:last-child, input[type=submit]:last-child {
        margin-left: 5px;
    }

input[type=checkbox]:not(.custom-appearance), input[type=radio]:not(.custom-appearance) {
    -webkit-appearance: none;
    -webkit-user-select: none;
    border: 1px solid #666;
    border-radius: 2px;
    color: #444;
    font: inherit;
    margin: 0 1px 0 0;
    outline: 0;
}

input[type=radio]:not(.custom-appearance) {
    border-radius: 100%;
    bottom: 1px;
    height: 13px;
    position: relative;
    vertical-align: middle;
    width: 13px;
}

    input[type=radio]:not(.custom-appearance):checked {
        border: 1px solid #319EE6;
    }

        input[type=radio]:not(.custom-appearance):checked:before {
            background-color: #319EE6;
            border-radius: 100%;
            bottom: 2px;
            content: '';
            display: block;
            left: 2px;
            position: absolute;
            right: 2px;
            top: 2px;
        }

input[type=checkbox]:not(.custom-appearance) {
    bottom: 1px;
    height: 13px;
    position: relative;
    vertical-align: middle;
    width: 13px;
}

    input[type=checkbox]:not(.custom-appearance):checked {
        border: 1px solid #319EE6;
    }

        input[type=checkbox]:not(.custom-appearance):checked:before {
            -webkit-user-select: none;
            background-image: -webkit-image-set(url() 1x,url() 2x);
            background-size: 100% 100%;
            content: '';
            display: block;
            height: 100%;
            width: 100%;
        }

.smartable {
    background: #fff;
    width: 100%;
}

    .smartable thead {
        border-top: 1px solid #CCC;
        border-bottom: 1px solid #CCC;
    }

        .smartable thead th {
            height: 28px;
            color: #999;
            font-weight: 400;
            padding: 0 10px;
        }

    .smartable tbody tr:hover {
        background: #eee;
    }

    .smartable tbody td {
        height: 28px;
        border-bottom: 1px solid #DEDEDE;
        padding: 0 10px;
    }

.notice {
    display: -webkit-flex;
    display: flex;
    padding: 10px;
}

    .notice .flag {
        padding-right: 10px;
        vertical-align: middle;
    }

        .notice .flag > .sicon {
            font-size: 30px;
            vertical-align: middle;
        }

    .notice .words {
        flex: 1;
    }

        .notice .words h3 {
            font-size: 14px;
            margin: 0 0 5px;
            font-weight: 400;
        }

        .notice .words p {
            margin: 0;
            color: #888;
        }

    .notice.notice-info {
        background: #E6F2F7;
        border: 1px solid #B5E2E8;
    }

        .notice.notice-info .flag {
            color: #289DE9;
        }

            .notice.notice-info .flag > .sicon:before {
                content: "\e6ea";
            }

    .notice.notice-error {
        background: #FEEFEA;
        border: 1px solid #F9DED6;
    }

        .notice.notice-error .flag {
            color: #f15e5e;
        }

            .notice.notice-error .flag > .sicon:before {
                content: "\e659";
            }

    .notice.notice-big {
        padding: 20px;
    }

        .notice.notice-big .flag > .sicon {
            font-size: 48px;
        }

        .notice.notice-big .words h3 {
            font-size: 18px;
        }

        .notice.notice-big .words p {
            font-size: 14px;
        }

li, ul {
    list-style: none;
}

.ui-poptip {
    color: #DB7C22;
    z-index: 101;
    font-size: 12px;
    line-height: 1.5;
}

.ui-poptip-shadow {
    background-color: rgba(229,169,107,.15);
    border-radius: 2px;
    padding: 2px;
    zoom: 1;
}

.ui-poptip-container {
    position: relative;
    background-color: #FFFCEF;
    border: 1px solid #ffbb76;
    border-radius: 2px;
    padding: 5px 15px;
    zoom: 1;
}

    .ui-poptip-container:after, .ui-poptip-shadow:after, .ui-poptip:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

a.ui-poptip-close {
    position: absolute;
    right: 3px;
    top: 3px;
    border: 1px solid #ffc891;
    text-decoration: none;
    border-radius: 3px;
    width: 12px;
    height: 12px;
    font-family: tahoma;
    color: #dd7e00;
    line-height: 10px;
    text-align: center;
    font-size: 14px;
    background: #ffd7af;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff0e1),to(#ffe7cd));
    background: -moz-linear-gradient(top,#fff0e1,#ffe7cd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF0E1', endColorstr='#FFE7CD');
    background: -o-linear-gradient(top,#fff0e1,#ffe7cd);
    background: linear-gradient(top,#fff0e1,#ffe7cd);
    overflow: hidden;
}

    a.ui-poptip-close:hover {
        border: 1px solid #ffb24c;
        text-decoration: none;
        color: #dd7e00;
        background: #ffd7af;
        background: -webkit-gradient(linear,left top,left bottom,from(#ffe5ca),to(#ffcc98));
        background: -moz-linear-gradient(top,#ffe5ca,#ffcc98);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE5CA', endColorstr='#FFCC98');
        background: -o-linear-gradient(top,#ffe5ca,#ffcc98);
        background: linear-gradient(top,#ffe5ca,#ffcc98);
    }

.ui-poptip-arrow {
    position: absolute;
    z-index: 10;
}

    .ui-poptip-arrow em, .ui-poptip-arrow span {
        position: absolute;
        width: 0;
        height: 0;
        border-color: rgba(255,255,255,0);
        border-color: transparent\0;
        border-style: solid;
        overflow: hidden;
        top: 0;
        left: 0;
    }

.ui-poptip-arrow-10 {
    left: -6px;
    top: 10px;
}

    .ui-poptip-arrow-10 em {
        top: 0;
        left: -1px;
        border-right-color: #ffbb76;
        border-width: 6px 6px 6px 0;
    }

    .ui-poptip-arrow-10 span {
        border-right-color: #FFFCEF;
        border-width: 6px 6px 6px 0;
    }

.ui-poptip-arrow-9 {
    left: -6px;
    top: 50%;
}

    .ui-poptip-arrow-9 em {
        top: -6px;
        left: -1px;
        border-right-color: #ffbb76;
        border-width: 6px 6px 6px 0;
    }

    .ui-poptip-arrow-9 span {
        top: -6px;
        border-right-color: #FFFCEF;
        border-width: 6px 6px 6px 0;
    }

.ui-poptip-arrow-2 {
    top: 10px;
    right: 0;
}

    .ui-poptip-arrow-2 em {
        top: 0;
        left: 1px;
        border-left-color: #ffbb76;
        border-width: 6px 0 6px 6px;
    }

    .ui-poptip-arrow-2 span {
        border-left-color: #FFFCEF;
        border-width: 6px 0 6px 6px;
    }

.ui-poptip-arrow-3 {
    top: 50%;
    right: 0;
}

    .ui-poptip-arrow-3 em {
        top: -6px;
        left: 1px;
        border-left-color: #ffbb76;
        border-width: 6px 0 6px 6px;
    }

    .ui-poptip-arrow-3 span {
        top: -6px;
        border-left-color: #FFFCEF;
        border-width: 6px 0 6px 6px;
    }

.ui-poptip-arrow-1 em, .ui-poptip-arrow-11 em, .ui-poptip-arrow-12 em {
    border-width: 0 6px 6px;
    border-bottom-color: #ffbb76;
    top: -1px;
    left: 0;
}

.ui-poptip-arrow-1 span, .ui-poptip-arrow-11 span, .ui-poptip-arrow-12 span {
    border-width: 0 6px 6px;
    border-bottom-color: #fffcef;
}

.ui-poptip-arrow-11 {
    left: 14px;
    top: -6px;
}

.ui-poptip-arrow-1 {
    right: 28px;
    top: -6px;
}

.ui-poptip-arrow-12 {
    left: 50%;
    top: -6px;
}

    .ui-poptip-arrow-12 em, .ui-poptip-arrow-12 span {
        left: -6px;
    }

.ui-poptip-arrow-5 em, .ui-poptip-arrow-6 em, .ui-poptip-arrow-7 em {
    border-width: 6px 6px 0;
    border-top-color: #ffbb76;
    top: 1px;
    left: 0;
}

.ui-poptip-arrow-5 span, .ui-poptip-arrow-6 span, .ui-poptip-arrow-7 span {
    border-width: 6px 6px 0;
    border-top-color: #fffcef;
}

.ui-poptip-arrow-5 {
    right: 28px;
    bottom: 0;
}

.ui-poptip-arrow-6 {
    left: 50%;
    bottom: 0;
}

.ui-poptip-arrow-7 {
    left: 14px;
    bottom: 0;
}

.ui-poptip-arrow-6 em, .ui-poptip-arrow-6 span {
    left: -6px;
}

.ui-poptip-blue {
    color: #4d4d4d;
}

    .ui-poptip-blue .ui-poptip-shadow {
        background-color: rgba(0,0,0,.05);
    }

    .ui-poptip-blue .ui-poptip-container {
        background-color: #F8FCFF;
        border: 1px solid #b9c8d3;
    }

    .ui-poptip-blue .ui-poptip-arrow-10 em, .ui-poptip-blue .ui-poptip-arrow-9 em {
        border-right-color: #b9c8d3;
    }

    .ui-poptip-blue .ui-poptip-arrow-1 em, .ui-poptip-blue .ui-poptip-arrow-11 em, .ui-poptip-blue .ui-poptip-arrow-12 em {
        border-bottom-color: #b9c8d3;
    }

    .ui-poptip-blue .ui-poptip-arrow-2 em, .ui-poptip-blue .ui-poptip-arrow-3 em {
        border-left-color: #b9c8d3;
    }

    .ui-poptip-blue .ui-poptip-arrow-5 em, .ui-poptip-blue .ui-poptip-arrow-6 em, .ui-poptip-blue .ui-poptip-arrow-7 em {
        border-top-color: #b9c8d3;
    }

    .ui-poptip-blue .ui-poptip-arrow-10 span, .ui-poptip-blue .ui-poptip-arrow-9 span {
        border-right-color: #f8fcff;
    }

    .ui-poptip-blue .ui-poptip-arrow-1 span, .ui-poptip-blue .ui-poptip-arrow-11 span, .ui-poptip-blue .ui-poptip-arrow-12 span {
        border-bottom-color: #f8fcff;
    }

    .ui-poptip-blue .ui-poptip-arrow-2 span, .ui-poptip-blue .ui-poptip-arrow-3 span {
        border-left-color: #f8fcff;
    }

    .ui-poptip-blue .ui-poptip-arrow-5 span, .ui-poptip-blue .ui-poptip-arrow-6 span, .ui-poptip-blue .ui-poptip-arrow-7 span {
        border-top-color: #f8fcff;
    }

.ui-poptip-white {
    color: #333;
}

    .ui-poptip-white .ui-poptip-shadow {
        background-color: rgba(0,0,0,.05);
    }

    .ui-poptip-white .ui-poptip-container {
        background-color: #fff;
        border: 1px solid #b1b1b1;
    }

    .ui-poptip-white .ui-poptip-arrow-10 em, .ui-poptip-white .ui-poptip-arrow-9 em {
        border-right-color: #b1b1b1;
    }

    .ui-poptip-white .ui-poptip-arrow-1 em, .ui-poptip-white .ui-poptip-arrow-11 em, .ui-poptip-white .ui-poptip-arrow-12 em {
        border-bottom-color: #b1b1b1;
    }

    .ui-poptip-white .ui-poptip-arrow-2 em, .ui-poptip-white .ui-poptip-arrow-3 em {
        border-left-color: #b1b1b1;
    }

    .ui-poptip-white .ui-poptip-arrow-5 em, .ui-poptip-white .ui-poptip-arrow-6 em, .ui-poptip-white .ui-poptip-arrow-7 em {
        border-top-color: #b1b1b1;
    }

    .ui-poptip-white .ui-poptip-arrow-10 span, .ui-poptip-white .ui-poptip-arrow-9 span {
        border-right-color: #fff;
    }

    .ui-poptip-white .ui-poptip-arrow-1 span, .ui-poptip-white .ui-poptip-arrow-11 span, .ui-poptip-white .ui-poptip-arrow-12 span {
        border-bottom-color: #fff;
    }

    .ui-poptip-white .ui-poptip-arrow-2 span, .ui-poptip-white .ui-poptip-arrow-3 span {
        border-left-color: #fff;
    }

    .ui-poptip-white .ui-poptip-arrow-5 span, .ui-poptip-white .ui-poptip-arrow-6 span, .ui-poptip-white .ui-poptip-arrow-7 span {
        border-top-color: #fff;
    }

.ui-poptip {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.inline-form-item {
    display: -webkit-flex;
    display: flex;
    flex-flow: row nowrap;
    flex-direction: row;
    align-content: stretch;
    width: 100%;
    margin-bottom: 10px;
}

    .inline-form-item .label {
        width: 130px;
        text-align: right;
        margin-bottom: 0;
        line-height: 25px;
        user-select: none;
    }

    .inline-form-item .controls {
        padding-left: 10px;
        flex: 1;
        display: -webkit-flex;
        display: flex;
    }

        .inline-form-item .controls label {
            margin-bottom: 0;
        }

            .inline-form-item .controls label input[type=checkbox] {
                margin-top: 6px;
            }

        .inline-form-item .controls input[type=text] {
            box-shadow: 0 0 10px #ddd inset;
            text-align: center;
            border: 1px solid #B5B5B5;
            border-radius: 4px;
            padding: 3px 0;
        }

        .inline-form-item .controls select.subtotalType {
            background-position: 117px -2567px;
            min-width: 140px;
        }

    .inline-form-item:first-child {
        margin-top: 15px;
    }

.input-mini {
    width: 60px;
}

.input-small {
    width: 80px;
}

.input-normal {
    width: 100px;
}

.input-large {
    width: 120px;
}

.input-xlarge {
    width: 140px;
}

.input-xxlarge {
    width: 160px;
}

.sp-colon {
    display: inline-block;
    margin: 0 8px;
    line-height: 25px;
}

.ico-group, .icon-group {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

    .ico-group [class*=' ico-adl-'], .ico-group [class^=ico-adl-], .ico-group [class^=icon-], .icon-group [class*=' ico-adl-'], .icon-group [class^=ico-adl-], .icon-group [class^=icon-] {
        float: left;
        width: 22px;
        height: 20px;
        display: block;
        padding: 1px 2px;
        border: 1px solid #CCC;
        user-select: none;
        white-space: nowrap;
        cursor: pointer;
        position: relative;
        margin-left: -1px;
        box-shadow: 0 1px 1px rgba(0,0,0,.08);
        background-image: linear-gradient(180deg,#fff 0,#edf0f5 100%);
    }

        .ico-group [class*=' ico-adl-']:first-child, .ico-group [class^=ico-adl-]:first-child, .ico-group [class^=icon-]:first-child, .icon-group [class*=' ico-adl-']:first-child, .icon-group [class^=ico-adl-]:first-child, .icon-group [class^=icon-]:first-child {
            margin-left: 0;
        }

        .ico-group [class*=' ico-adl-']:hover, .ico-group [class^=ico-adl-]:hover, .ico-group [class^=icon-]:hover, .icon-group [class*=' ico-adl-']:hover, .icon-group [class^=ico-adl-]:hover, .icon-group [class^=icon-]:hover {
            z-index: 1;
            border-color: #AAA;
            background-image: linear-gradient(180deg,#fff 0,#dde2eb 100%);
        }

        .ico-group [class*=' ico-adl-']:active, .ico-group [class^=ico-adl-]:active, .ico-group [class^=icon-]:active, .icon-group [class*=' ico-adl-']:active, .icon-group [class^=ico-adl-]:active, .icon-group [class^=icon-]:active {
            top: 1px;
        }

[class*=' ico-adl-'], [class^=ico-adl-] {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    width: 16px;
    height: 16px;
    background-image: none;
    margin: 0;
    display: inline-block;
}

    [class*=' ico-adl-'] > i, [class^=ico-adl-] > i {
        width: 16px;
        height: 16px;
        display: inline-block;
        line-height: 16px;
        vertical-align: top;
        background: url(../images/icon2.png) no-repeat;
    }

[class^=ico-adl-text-] {
    width: 24px;
}

    [class^=ico-adl-text-] > i {
        width: 30px;
    }

[class*=" fam-"], [class^=fam-] {
    -webkit-filter: grayscale(1);
}

.ico-adl-blank > i {
    background-position: 100px 100px;
}

.ico-adl-chart > i {
    background-position: 0 -1604px;
}

.ico-adl-switch-excel > i {
    background-position: 0 -614px;
}

.ico-adl-cubes-help > i {
    background-position: -4px -865px;
}

.ico-adl-file > i {
    background-position: 0 -1652px;
}

.ico-adl-min-value > i {
    background-position: -100px -300px;
}

.ico-adl-max-value > i {
    background-position: -100px -350px;
}

.ico-adl-average > i {
    background-position: -100px -400px;
}

.ico-adl-cell-format > i {
    background-position: 0 -1460px;
}

.ico-adl-hook > i {
    background-position: 0 -102px;
}

.ico-adl-toggle-sidebar > i {
    background-position: -1px -1172px;
}

.ico-adl-toggle-toolbar > i {
    background-position: -3px -1190px;
}

[class^=ico-adl-arrow], [class^=ico-adl-arrow] > i {
    width: 10px;
}

.ico-adl-arrow-down > i {
    background-position: -3px -1213px;
}

.ico-adl-arrow-up > i {
    background-position: -3px -1232px;
}

.ico-adl-text-often > i {
    background-position: -3px -943px;
}

.ico-adl-save {
    width: 33px;
    height: 45px;
}

    .ico-adl-save > i {
        width: 33px;
        height: 45px;
        background-position: 0 -1272px;
    }

.ico-adl-swap-axis > i {
    background-position: -34px -99px;
}

.ico-adl-run > i {
    background-position: 1px -33px;
}

.ico-adl-auto-run > i {
    background-position: -1px -53px;
}

.ico-adl-non-empty > i {
    background-position: -4px -75px;
}

.ico-adl-detail > i {
    background-position: -4px -3372px;
}

.ico-adl-text-edit > i {
    background-position: -3px -958px;
}

.ico-adl-cut > i {
    background-position: -34px -124px;
}

.ico-adl-copy > i {
    background-position: -32px -148px;
}

.ico-adl-paste > i {
    height: 18px;
    background-position: -33px -172px;
}

.ico-adl-undo > i {
    background-position: -4px -191px;
}

.ico-adl-redo > i {
    background-position: -5px -208px;
}

.ico-adl-reduce > i {
    background-position: -4px -2900px;
}

.ico-adl-export-excel {
    width: 33px;
    height: 45px;
}

    .ico-adl-export-excel > i {
        width: 33px;
        height: 45px;
        background-position: -35px -2752px;
    }

.ico-adl-text-text > i {
    background-position: -3px -973px;
}

.ico-adl-font-color {
    width: 24px;
    height: 24px;
}

    .ico-adl-font-color > i {
        background-position: -2px -3469px;
        width: 24px;
        height: 24px;
    }

.ico-adl-bg-color {
    width: 24px;
    height: 24px;
}

    .ico-adl-bg-color > i {
        background-position: -43px -3467px;
        width: 24px;
        height: 24px;
    }

.ico-adl-multi-line > i {
    background-position: -34px -439px;
}

.ico-adl-link > i {
    background-position: -4px -462px;
}

.ico-adl-align-left > i {
    background-position: -4px -371px;
}

.ico-adl-align-center > i {
    background-position: -4px -394px;
}

.ico-adl-align-right > i {
    background-position: -4px -417px;
}

.ico-adl-text-table > i {
    background-position: -3px -989px;
}

.ico-adl-all-border > i {
    background-position: -3px -486px;
}

.ico-adl-top-border > i {
    background-position: -3px -2247px;
}

.ico-adl-right-border > i {
    background-position: -3px -2293px;
}

.ico-adl-bottom-border > i {
    background-position: -3px -2224px;
}

.ico-adl-left-border > i {
    background-position: -3px -2270px;
}

.ico-adl-none-border > i {
    background-position: -3px -2604px;
}

.ico-adl-combined-cell > i {
    background-position: -5px -509px;
}

.ico-adl-split-cell > i {
    background-position: -5px -532px;
}

.ico-adl-insert-row > i {
    background-position: -4px -556px;
}

.ico-adl-insert-column > i {
    background-position: -4px -580px;
}

.ico-adl-delete-row > i {
    background-position: -4px -605px;
}

.ico-adl-delete-column > i {
    background-position: -4px -629px;
}

.ico-adl-hide-row > i {
    background-position: -33px -2627px;
}

.ico-adl-hide-column > i {
    background-position: -34px -2650px;
}

.ico-adl-text-format {
    width: 40px;
}

    .ico-adl-text-format > i {
        width: 40px;
        background-position: -3px -1005px;
    }

.ico-adl-format-decimal > i {
    background-position: 1px -650px;
}

.ico-adl-format-percent > i {
    background-position: -2px -673px;
}

.ico-adl-format-currency > i {
    background-position: 0 -695px;
}

.ico-adl-format-date > i {
    background-position: -1px -717px;
}

.ico-adl-format-time > i {
    background-position: -3px -741px;
}

.ico-adl-format-revert {
    width: 30px;
}

    .ico-adl-format-revert > i {
        width: 30px;
        background-position: -1px -767px;
    }

.ico-adl-text-math > i {
    background-position: -4px -1020px;
}

.ico-adl-subtotal > i {
    background-position: -3px -795px;
}

.ico-adl-autosum > i {
    background-position: -3px -817px;
}

.ico-adl-sort > i {
    background-position: -34px -841px;
}

.ico-adl-text-chart-new > i {
    background-position: -7px -1589px;
}

.ico-adl-chart-new {
    width: 33px;
    height: 45px;
}

    .ico-adl-chart-new > i {
        width: 33px;
        height: 45px;
        background-position: 0 -1325px;
    }

.ico-adl-text-chart-type {
    width: 45px;
}

    .ico-adl-text-chart-type > i {
        width: 45px;
        background-position: -7px -1604px;
    }

.ico-adl-chart-matrix > i {
    background-position: -3px -1707px;
}

.ico-adl-chart-stack > i {
    background-position: -2px -1732px;
}

.ico-adl-chart-double > i {
    background-position: -4px -1758px;
}

.ico-adl-chart-vertical > i {
    background-position: -4px -1780px;
}

.ico-adl-chart-bubble > i {
    background-position: -5px -2962px;
}

.ico-adl-chart-gauge > i {
    background-position: -4px -3174px;
}

.ico-adl-chart-radar > i {
    background-position: -4px -3395px;
}

.ico-adl-chart-polar > i {
    background-position: -4px -3348px;
}

.ico-adl-chart-line > i {
    background-position: -5px -1802px;
}

.ico-adl-chart-area > i {
    background-position: -6px -1826px;
}

.ico-adl-chart-pie > i {
    background-position: -4px -1851px;
}

.ico-adl-chart-piecircle > i {
    background-position: -4px -2987px;
}

.ico-adl-chart-pie3d > i {
    background-position: -4px -1875px;
}

.ico-adl-chart-mapcolor > i {
    background-position: -5px -3441px;
}

.ico-adl-chart-mapbubble > i {
    background-position: -5px -3418px;
}

.ico-adl-text-chart-position > i {
    background-position: -7px -1619px;
}

.ico-adl-chart-up > i {
    background-position: -4px -1899px;
}

.ico-adl-chart-down > i {
    background-position: -4px -1922px;
}

.ico-adl-chart-left > i {
    background-position: -4px -1945px;
}

.ico-adl-chart-right > i {
    background-position: -4px -1968px;
}

.ico-adl-text-chart-direction > i {
    background-position: -7px -3104px;
}

.ico-adl-chart-direction {
    width: 33px;
    height: 45px;
}

    .ico-adl-chart-direction > i {
        width: 33px;
        height: 45px;
        background-position: 1px -3196px;
    }

.ico-adl-text-chart-double {
    width: 30px;
}

    .ico-adl-text-chart-double > i {
        width: 30px;
        background-position: -7px -3136px;
    }

.ico-adl-double-double {
    width: 33px;
    height: 45px;
}

    .ico-adl-double-double > i {
        width: 33px;
        height: 45px;
        background-position: 8px -3282px;
    }

.ico-adl-text-chart-stack > i {
    background-position: -7px -3120px;
}

.ico-adl-chart-addstack {
    width: 33px;
    height: 45px;
}

    .ico-adl-chart-addstack > i {
        width: 33px;
        height: 45px;
        background-position: -38px -3055px;
    }

.ico-adl-text-chart-swap > i {
    background-position: -7px -1635px;
}

.ico-adl-chart-swap {
    width: 33px;
    height: 45px;
}

    .ico-adl-chart-swap > i {
        width: 33px;
        height: 45px;
        background-position: 0 -3238px;
    }

.ico-adl-text-chart-refresh > i {
    background-position: -7px -1650px;
}

.ico-adl-chart-refresh {
    width: 33px;
    height: 45px;
}

    .ico-adl-chart-refresh > i {
        width: 33px;
        height: 45px;
        background-position: 2px -1428px;
    }

.ico-adl-text-data-detail {
    width: 44px;
}

    .ico-adl-text-data-detail > i {
        width: 44px;
        background-position: -7px -1665px;
    }

.ico-adl-data-detail {
    width: 33px;
    height: 45px;
}

    .ico-adl-data-detail > i {
        width: 33px;
        height: 45px;
        background-position: 1px -1534px;
    }

.ico-adl-text-data-adc {
    width: 45px;
}

    .ico-adl-text-data-adc > i {
        width: 45px;
        background-position: -7px -1680px;
    }

.ico-adl-data-adc {
    width: 33px;
    height: 45px;
}

    .ico-adl-data-adc > i {
        width: 33px;
        height: 45px;
        background-position: 1px -1480px;
    }

.ico-adl-fx > i {
    width: 38px;
    height: 24px;
    background-position: -4px -1993px;
}

    .ico-adl-fx > i:hover {
        background-position: -4px -2027px;
    }

.ico-adl-eye-close > i {
    background-position: -4px -2129px;
}

.ico-adl-eye-open > i {
    background-position: -4px -2109px;
}

.ico-adl-expand-up > i {
    background-position: -4px -888px;
}

.ico-adl-expand-down > i {
    background-position: -29px -888px;
}

.ico-adl-del-gray > i {
    background-position: -4px -2151px;
}

    .ico-adl-del-gray > i:hover {
        background-position: -4px -2175px;
    }

.ico-adl-add > i {
    background-position: -3px -2349px;
}

.ico-adl-remove > i {
    background-position: -3px -2379px;
}

.ico-adl-del > i {
    background-position: -4px -2201px;
}

.ico-adl-pencil > i {
    background-position: -6px -2924px;
}

.sicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: icomoon;
    font-style: normal; /* font-weight:400; */
    line-height: 1;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
}

.sicon-white {
    color: #FFF;
}

.sicon-ani-round {
    animation: round 1s infinite linear;
}

.sicon-list:before {
    content: "\e692";
}

.sicon-refresh:before {
    content: "\e6ba";
}

.sicon-sort-arrow:before {
    content: "\e6cf";
}

.sicon-arrow-bottom:before {
    content: "\e632";
}

.sicon-arrow-right:before {
    content: "\e6ed";
}

.sicon-arrow-left:before {
    content: "\e634";
}

.sicon-arrow-top:before {
    content: "\e631";
}

.sicon-left-arrow:before {
    content: "\e628";
}

.sicon-right-arrow:before {
    content: "\e639";
}

.sicon-top-arrow:before {
    content: "\e63d";
}

.sicon-bottom-arrow:before {
    content: "\e63c";
}

.sicon-search:before {
    content: "\e626";
}

.sicon-document:before {
    content: "\e66b";
}

.sicon-lighting:before {
    content: "\e68e";
}

.sicon-circle-line:before {
    content: "\e697";
}

.sicon-file-close:before {
    content: "\e635";
}

.sicon-file-open:before {
    content: "\e627";
}

.sicon-selected:before {
    content: "\e6c2";
}

.sicon-folder-new:before {
    content: "\e62c";
}

.sicon-new-document:before {
    content: "\e6a1";
}

.sicon-report-save:before {
    content: "\e602";
}

.sicon-export-excel:before {
    content: "\e674";
}

.sicon-export:before {
    content: "\e687";
}

.sicon-cut:before {
    content: "\e605";
}

.sicon-copy:before {
    content: "\e6aa";
}

.sicon-paste:before {
    content: "\e660";
}

.sicon-undo:before {
    content: "\e6e2";
}

.sicon-redo:before {
    content: "\e6b9";
}

.sicon-reduce:before {
    content: "\e688";
}

.sicon-run:before {
    content: "\e6ed";
}

.sicon-auto-run {
    margin-left: -7px;
}

    .sicon-auto-run:before {
        content: "\e6ed";
    }

    .sicon-auto-run:after {
        content: '\e6ed';
        position: absolute;
        left: 10px;
        top: 0;
    }

.sicon-non-empty:before {
    content: "\e6a5";
}

.sicon-swap-axis:before {
    content: "\e672";
}

.sicon-subtotal:before {
    content: "\e6d7";
}

.sicon-autosum:before {
    content: "\e6d8";
}

.sicon-sort:before {
    content: "\e6ce";
}

.sicon-detailData:before {
    content: "\e6c8";
}

.sicon-text-color-bg:before, .sicon-text-color:before {
    content: "\e6ed";
}

.sicon-multi-line:before {
    content: "\e6a0";
}

.sicon-link:before {
    content: "\e691";
}

.sicon-align-left:before {
    content: "\e68c";
}

.sicon-align-center:before {
    content: "\e650";
}

.sicon-align-right:before {
    content: "\e6bd";
}

.sicon-format-decimal:before {
    content: "\e6c4";
}

.sicon-format-percent:before {
    content: "\e6ac";
}

.sicon-format-currency:before {
    content: "\e6be";
}

.sicon-format-date:before {
    content: "\e64f";
}

.sicon-format-time:before {
    content: "\e6de";
}

.sicon-insert-row:before {
    content: "\e68a";
}

.sicon-insert-column:before {
    content: "\e689";
}

.sicon-delete-row:before {
    content: "\e666";
}

.sicon-delete-column:before {
    content: "\e665";
}

.sicon-combine-cell:before {
    content: "\e69b";
}

.sicon-split-cell:before {
    content: "\e6c3";
}

.sicon-hide-row:before {
    content: "\e67f";
}

.sicon-hide-column:before {
    content: "\e67e";
}

.sicon-border-all:before {
    content: "\e6d6";
}

.sicon-border-left:before {
    content: "\e6d3";
}

.sicon-border-right:before {
    content: "\e6d4";
}

.sicon-border-top:before {
    content: "\e6d5";
}

.sicon-border-bottom:before {
    content: "\e6d2";
}

.sicon-border-none:before {
    content: "\e6e6";
}

.sicon-chart-new:before {
    content: "\e652";
}

.sicon-chart-bar:before {
    content: "\e651";
}

.sicon-chart-bubble:before {
    content: "\e653";
}

.sicon-chart-gauge:before {
    content: "\e6a6";
}

.sicon-chart-line:before {
    content: "\e690";
}

.sicon-chart-radar:before {
    content: "\e6b1";
}

.sicon-chart-area:before {
    content: "\e648";
}

.sicon-chart-pie:before {
    content: "\e6b0";
}

.sicon-chart-piecircle:before {
    content: "\e65e";
}

.sicon-chart-pie3d:before {
    content: "\e6af";
}

.sicon-chart-polar:before {
    content: "\e6b6";
}

.sicon-chart-top:before {
    content: "\e6b5";
}

.sicon-chart-bottom:before {
    content: "\e6b2";
}

.sicon-chart-left:before {
    content: "\e6b3";
}

.sicon-chart-right:before {
    content: "\e6b4";
}

.sicon-chart-direction:before {
    content: "\e669";
}

.sicon-chart-double-double:before {
    content: "\e6eb";
}

.sicon-chart-addstack:before {
    content: "\e6e5";
}

.sicon-chart-swap:before {
    content: "\e6df";
}

.sicon-chart-refresh:before {
    content: "\e6ba";
}

.sicon-fx:before {
    content: "\e619";
}

.sicon-data:before {
    content: "\e663";
}

.sicon-schema:before {
    content: "\e6c1";
}

.sicon-cube:before {
    content: "\e6ad";
}

.sicon-dimension:before {
    content: "\e668";
}

.sicon-hierarchy:before {
    content: "\e680";
}

.sicon-string:before {
    content: "\e6d1";
}

.sicon-number:before {
    content: "\e6a4";
}

.sicon-formula:before {
    content: "\e6a7";
}

.sicon-location:before {
    content: "\e698";
}

.sicon-timestamp:before {
    content: "\e6de";
}

.sicon-close:before {
    content: "\e62d";
}

.sicon-close-bg:before {
    content: "\e624";
}

.sicon-close-circle:before {
    content: "\e659";
}

.sicon-check-circle:before {
    content: "\e656";
}

.sicon-check-square:before {
    content: "\e657";
}

.sicon-check-square-bg:before {
    content: "\e658";
}

.sicon-square:before {
    content: "\e6e1";
}

.sicon-perform-unoptimized:before {
    content: "\e68e";
}

.sicon-perform-failed:before, .sicon-perform-killed:before, .sicon-perform-killing:before, .sicon-perform-unidentify:before {
    content: "\e68e";
    color: #CCC;
}

.sicon-perform-optimizing {
    color: #FDB648;
}

    .sicon-perform-optimizing:before {
        content: "\e68e";
    }

    .sicon-perform-optimizing:after {
        animation: round 1s infinite linear;
        content: '\e697';
        position: absolute;
        left: -1px;
        top: -2px;
        font-size: 16px;
    }

.sicon-perform-optimized:before {
    content: "\e612";
    color: #5AC252;
}

[class*=sicon-status-]:before {
    content: "\e66b";
}

.sicon-status-optimized {
    color: #FDB648;
}

    .sicon-status-optimized:before {
        content: "\e68e";
        color: #5AC33F;
    }

    .sicon-status-optimized:after {
        content: '\e66b';
        position: absolute;
        left: -1px;
        top: -2px;
        font-size: 16px;
    }

.sicon-status-optimizing {
    color: #FDB648;
}

    .sicon-status-optimizing:before {
        content: "\e68e";
    }

    .sicon-status-optimizing:after {
        animation: round 1s infinite linear;
        content: '\e697';
        position: absolute;
        left: -1px;
        top: -2px;
        font-size: 16px;
    }

.sicon-status-failed:before {
    content: "\e68e";
    color: #F15E5E;
}

.sicon-status-failed:after {
    content: '\e66b';
    position: absolute;
    left: -1px;
    top: -2px;
    font-size: 16px;
}

.sicon-status-killing:before {
    content: "\e68e";
}

.sicon-status-killing:after {
    animation: round 1s infinite linear;
    content: '\e697';
    position: absolute;
    left: -1px;
    top: -2px;
    font-size: 16px;
}

.sicon-eye-open:before {
    content: "\e6e8";
}

.sicon-eye-close:before {
    content: "\e68b";
}

.sicon-expand:before {
    content: "\e673";
}

.sicon-collapse:before {
    content: "\e65a";
}

.sicon-point-group:before {
    content: "\e609";
}

.sicon-auto-merge-cell:before {
    content: "\e63a";
}

.sicon-empty-box:before {
    content: "\e671";
}

.sicon-import:before {
    content: "\e683";
}

.sicon-sync {
    animation: round 1s infinite linear;
}

    .sicon-sync:before {
        content: "\e697";
    }

.sicon-user:before {
    content: "\e6e7";
}

.sicon-lock:before {
    content: "\e699";
}

.sicon-home:before {
    content: "\e682";
}

.sicon-home-line:before {
    content: "\e681";
}

.sicon-thumnail:before {
    content: "\e6dd";
}

.sicon-legend:before {
    content: "\e68d";
}

.sicon-avatar:before {
    content: "\e616";
}

.sicon-calendar:before {
    content: "\e64f";
}

.sicon-warning-o:before {
    content: "\e6ea";
}

.sicon-warning:before {
    content: "\e630";
}

.sicon-help-o:before {
    content: "\e67b";
}

.sicon-help-s:before {
    content: "\e67c";
}

.sicon-saveas:before {
    content: "\e6dc";
}

.ui-menu {
    position: relative;
}

    .ui-menu .trigger {
        cursor: default;
        display: inline-block;
        padding: 4px 10px;
    }

        .ui-menu .trigger-active, .ui-menu .trigger:hover {
            background-image: linear-gradient(180deg,#f4f6f8 0,#cacad9 100%);
        }

    .ui-menu .ui-menu-content {
        margin: 0;
        padding: 0;
        width: auto;
        background-color: #fff;
        border: 1px solid #ccc;
        border-top: 1px solid #dbdbdb;
        border-bottom: 1px solid #aaa;
        box-shadow: 0 2px 5px rgba(0,0,0,.1);
        border-radius: 0;
        position: absolute;
        z-index: 50;
        font-size: 13px;
    }

        .ui-menu .ui-menu-content li.active, .ui-menu .ui-menu-content li:hover {
            background-color: #9eb7db;
        }

            .ui-menu .ui-menu-content li.active > .cutshort, .ui-menu .ui-menu-content li:hover > .cutshort {
                color: #b2daff;
            }

        .ui-menu .ui-menu-content li {
            cursor: default;
            list-style: none;
            line-height: 24px;
            padding: 0 3px;
            color: #333;
            position: relative;
        }

            .ui-menu .ui-menu-content li .left-icon {
                width: 14px;
                height: 14px;
                line-height: 24px;
                position: absolute;
                top: 3px;
            }

            .ui-menu .ui-menu-content li .name {
                position: relative;
                left: 17px;
                margin-right: 32px;
                white-space: nowrap;
            }

            .ui-menu .ui-menu-content li .cutshort {
                font-size: 13px;
                color: #666;
                margin-right: 10px;
            }

            .ui-menu .ui-menu-content li .icon-chevron-down {
                opacity: .4;
                margin-top: 3px;
                margin-left: 5px;
                -webkit-transform: rotate(-90deg);
                -moz-transform: rotate(-90deg);
                -ms-transform: rotate(-90deg);
                -o-transform: rotate(-90deg);
                transform: rotate(-90deg);
            }

            .ui-menu .ui-menu-content li > .icon {
                margin-top: 4px;
                margin-right: -5px;
            }

            .ui-menu .ui-menu-content li > ul {
                top: 0;
                display: none;
                z-index: 1;
            }

            .ui-menu .ui-menu-content li.has-split-line {
                border-bottom: 1px solid #e9e9e9;
            }

            .ui-menu .ui-menu-content li.disabled {
                cursor: default;
                color: #999;
            }

                .ui-menu .ui-menu-content li.disabled .cutshort {
                    color: #999;
                }

                .ui-menu .ui-menu-content li.disabled ul {
                    display: none;
                }

                .ui-menu .ui-menu-content li.disabled:hover {
                    cursor: normal;
                    color: #999;
                    background-color: #fff;
                    background-image: none;
                }

                    .ui-menu .ui-menu-content li.disabled:hover .cutshort {
                        color: #999;
                    }

            .ui-menu .ui-menu-content li:first-child {
                margin-top: 4px;
            }

            .ui-menu .ui-menu-content li:last-child {
                margin-bottom: 4px;
            }

            .ui-menu .ui-menu-content li.split {
                border-bottom: 1px solid #ccc;
            }

            .ui-menu .ui-menu-content li.active > ul {
                display: block;
            }

.ui-dialog {
    display: -webkit-flex;
    display: flex;
    flex-flow: column nowrap;
    flex-direction: column;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-width: 400px;
    background-color: #fff;
    border: 1px solid #AAA;
    border-radius: 4px;
    padding: 0;
    box-shadow: 0 4px 7px rgba(0,0,0,.1);
}

    .ui-dialog .ui-dialog-titlebar {
        border: none;
        border-bottom: 1px solid #ccc;
        background: #E9E9E9;
        padding: 8px 5px 8px 10px;
        border-radius: 4px 4px 0 0;
    }

        .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
            float: left;
            font-size: 14px;
            font-weight: 700;
            line-height: 18px;
            margin: 0;
            text-shadow: 1px 1px 0 #FFF;
        }

    .ui-dialog .ui-dialog-titlebar-close {
        right: 10px;
        margin: -9px 0 0;
        padding: 0;
        opacity: .5;
    }

        .ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
            width: 16px;
            height: 16px;
            display: inline-block;
            line-height: 16px;
            vertical-align: top;
            background: url(../images/icon2.png) -2px -2442px no-repeat;
        }

        .ui-dialog .ui-dialog-titlebar-close.ui-state-hover {
            background: 0 0;
            opacity: 1;
        }

    .ui-dialog .ui-dialog-content {
        padding: 0;
        min-width: 100%;
        display: -webkit-flex;
        display: flex;
        flex: 1;
        flex-direction: column;
    }

        .ui-dialog .ui-dialog-content .dialog_body {
            padding: 6px 10px;
            min-height: 80px;
            display: -webkit-flex;
            display: flex;
            flex: 1;
            flex-direction: column;
        }

            .ui-dialog .ui-dialog-content .dialog_body .description {
                color: #A1A4A7;
            }

                .ui-dialog .ui-dialog-content .dialog_body .description p {
                    margin-bottom: 0;
                    line-height: 1.6em;
                }

        .ui-dialog .ui-dialog-content .dialog_footer {
            background-color: #E9E9E9;
            box-shadow: inset 0 15px 63px -6px rgba(75,105,180,.1);
            border-top: 1px solid #ccc;
            padding: 6px 10px;
            text-align: right;
            clear: both;
        }

.ui-resizable .ui-dialog-content .dialog_footer {
    padding-right: 20px;
}

div#pageLoadingOverlay {
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 99999;
}

div#overlayContainer {
    width: 96px;
    height: 96px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

div#overlayContent {
    height: 96px;
    background: url(../images/worksheet_white_128_32.gif) center no-repeat;
}

.icomoon-group, [class*=" icomoon-"], [class^=icomoon-] {
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icomoon-font-strikethrough:before {
    content: "\e61c";
}

.icomoon-asterisk:before {
    content: "\e618";
}

.icomoon-legend-1:before {
    content: "\e68d";
}

.icomoon-iframe:before {
    content: "\e613";
}

.icomoon-user-o:before {
    content: "\e616";
}

.icomoon-tab:before {
    content: "\e600";
}

.icomoon-row:before {
    content: "\e601";
}

.icomoon-row2:before {
    content: "\e606";
}

.icomoon-row3:before {
    content: "\e607";
}

.icomoon-drag:before {
    content: "\e608";
}

.icomoon-movable:before {
    content: "\e609";
}

.icomoon-magic-wand:before {
    content: "\e60a";
}

.icomoon-align-center:before {
    content: "\e60b";
}
.icomoon-675:before{content:"\e675"}
.icomoon-align-right:before {
    content: "\e60e";
}

.icomoon-align-left:before {
    content: "\e60f";
}

.icomoon-bucket:before {
    content: "\e610";
}

.icomoon-font-size:before {
    content: "\e611";
}

.icomoon-rocket:before {
    content: "\e686";
}

.icomoon-runlog:before {
    content: "\e61a";
}

.icomoon-calendar:before {
    content: "\e64f";
}

.icomoon-string:before {
    content: "\e6d1";
}

.icomoon-num:before {
    content: "\e6a4";
}

.icomoon-plus-o:before {
    content: "\e641";
}

.icomoon-plus-dot-o:before {
    content: "\e643";
}

.icomoon-arrow-bottom-dot:before {
    content: "\e649";
}

.icomoon-arrow-top-dot:before {
    content: "\e64a";
}

.icomoon-attachment:before {
    content: "\e64c";
}

.icomoon-back-o:before {
    content: "\e64e";
}

.icomoon-center-justified:before {
    content: "\e650";
}

.icomoon-chart-bar:before {
    content: "\e651";
}

.icomoon-chart-new:before {
    content: "\e652";
}

.icomoon-chart-scatter:before {
    content: "\e653";
}

.icomoon-chart:before {
    content: "\e654";
}

.icomoon-ok-o:before {
    content: "\e656";
}

.icomoon-ok-s:before {
    content: "\e657";
}

.icomoon-ok:before {
    content: "\e658";
}

.icomoon-close-o:before {
    content: "\e659";
}

.icomoon-collapse:before {
    content: "\e65a";
}

.icomoon-comment-full-l:before {
    content: "\e65b";
}

.icomoon-comment-l:before {
    content: "\e65d";
}

.icomoon-concentric-pie-chart:before {
    content: "\e65e";
}

.icomoon-control-panel:before {
    content: "\e65f";
}

.icomoon-paste-l:before {
    content: "\e660";
}

.icomoon-custom-text:before {
    content: "\e661";
}

.icomoon-data:before {
    content: "\e663";
}

.icomoon-default-justified:before {
    content: "\e664";
}

.icomoon-delete-column:before {
    content: "\e665";
}

.icomoon-delete-row:before {
    content: "\e666";
}

.icomoon-delete:before {
    content: "\e667";
}

.icomoon-dimensions:before {
    content: "\e668";
}

.icomoon-direction-horizontal:before {
    content: "\e669";
}

.icomoon-direction-vertical:before {
    content: "\e66a";
}

.icomoon-document:before {
    content: "\e66b";
}

.icomoon-dot:before {
    content: "\e66c";
}

.icomoon-dpc:before {
    content: "\e66d";
}

.icomoon-edit-1:before, .icomoon-pencil-l:before {
    content: "\e670";
}

.icomoon-empty-box:before {
    content: "\e671";
}

.icomoon-exchange-xy:before {
    content: "\e672";
}

.icomoon-expand:before {
    content: "\e673";
}

.icomoon-export-excel:before {
    content: "\e674";
}

.icomoon-font-bold:before {
    content: "\e676";
}

.icomoon-font-Italics:before {
    content: "\e677";
}

.icomoon-font-underline:before {
    content: "\e678";
}

.icomoon-forward-o:before {
    content: "\e679";
}

.icomoon-help-o:before {
    content: "\e67b";
}

.icomoon-help-s:before {
    content: "\e67c";
}

.icomoon-hidden-cloumn:before {
    content: "\e67e";
}

.icomoon-hidden-row:before {
    content: "\e67f";
}

.icomoon-hierarchy:before {
    content: "\e680";
}

.icomoon-import:before {
    content: "\e683";
}

.icomoon-info-o:before {
    content: "\e684";
}

.icomoon-info:before {
    content: "\e685";
}

.icomoon-initial-1:before {
    content: "\e687";
}

.icomoon-initial:before {
    content: "\e688";
}

.icomoon-insert-column:before {
    content: "\e689";
}

.icomoon-insert-row:before {
    content: "\e68a";
}

.icomoon-invisible:before {
    content: "\e68b";
}

.icomoon-left-justified:before {
    content: "\e68c";
}

.icomoon-lighting:before {
    content: "\e68e";
}

.icomoon-like:before {
    content: "\e68f";
}

.icomoon-line-chart:before {
    content: "\e690";
}

.icomoon-link:before {
    content: "\e691";
}

.icomoon-3-list:before {
    content: "\e692";
}

.icomoon-list-alt:before {
    content: "\e694";
}

.icomoon-list-ol:before {
    content: "\e695";
}

.icomoon-list:before {
    content: "\e696";
}

.icomoon-loading:before {
    content: "\e697";
}

.icomoon-location:before {
    content: "\e698";
}

.icomoon-lock:before {
    content: "\e699";
}

.icomoon-mail:before {
    content: "\e69a";
}

.icomoon-merge-cell:before {
    content: "\e69b";
}

.icomoon-minus-cycle-o:before {
    content: "\e69c";
}

.icomoon-monitor:before {
    content: "\e69e";
}

.icomoon-moveto:before {
    content: "\e69f";
}

.icomoon-multi-line-text:before {
    content: "\e6a0";
}

.icomoon-new-document:before {
    content: "\e6a1";
}

.icomoon-non-empty:before {
    content: "\e6a5";
}

.icomoon-oil-table-chart:before {
    content: "\e6a6";
}

.icomoon-operation:before {
    content: "\e6a7";
}

.icomoon-page-1:before {
    content: "\e6a8";
}

.icomoon-paragraph:before {
    content: "\e6a9";
}

.icomoon-copy-l:before {
    content: "\e6aa";
}

.icomoon-percent:before {
    content: "\e6ac";
}

.icomoon-permission:before {
    content: "\e6ad";
}

.icomoon-picture:before {
    content: "\e6ae";
}

.icomoon-pie-3d-chart:before {
    content: "\e6af";
}

.icomoon-pie-chart:before {
    content: "\e6b0";
}

.icomoon-polar-chart:before {
    content: "\e6b1";
}

.icomoon-radar-chart:before {
    content: "\e6b6";
}

.icomoon-area-chart:before {
    content: "\e648";
}

.icomoon-position-bottom:before {
    content: "\e6b2";
}

.icomoon-position-left:before {
    content: "\e6b3";
}

.icomoon-position-right:before {
    content: "\e6b4";
}

.icomoon-position-top:before {
    content: "\e6b5";
}

.icomoon-o-c:before {
    content: "\e6b7";
}

.icomoon-c:before {
    content: "\e6b8";
}

.icomoon-redo-1:before {
    content: "\e6b9";
}

.icomoon-refresh:before {
    content: "\e6ba";
}

.icomoon-rename:before {
    content: "\e6bc";
}

.icomoon-right-justified:before {
    content: "\e6bd";
}

.icomoon-rmb:before {
    content: "\e6be";
}

.icomoon-schma:before {
    content: "\e6c1";
}

.icomoon-selected:before {
    content: "\e6c2";
}

.icomoon-separate-cell:before {
    content: "\e6c3";
}

.icomoon-separators:before {
    content: "\e6c4";
}

.icomoon-setting:before {
    content: "\e6c5";
}

.icomoon-share:before {
    content: "\e6c6";
}

.icomoon-share-from:before {
    content: "\e6c7";
}

.icomoon-sheet-1:before {
    content: "\e6c8";
}

.icomoon-sheet-2:before {
    content: "\e6c9";
}

.icomoon-sheet-3:before {
    content: "\e6ca";
}

.icomoon-sheet-4:before {
    content: "\e6cb";
}

.icomoon-slider:before {
    content: "\e6cd";
}

.icomoon-sort-a-z:before {
    content: "\e6ce";
}

.icomoon-sort:before {
    content: "\e6cf";
}

.icomoon-stack:before {
    content: "\e6d0";
}

.icomoon-stroke-bottom:before {
    content: "\e6d2";
}

.icomoon-stroke-left:before {
    content: "\e6d3";
}

.icomoon-stroke-right:before {
    content: "\e6d4";
}

.icomoon-stroke-top:before {
    content: "\e6d5";
}

.icomoon-stroke:before {
    content: "\e6d6";
}

.icomoon-subtotals:before {
    content: "\e6d7";
}

.icomoon-sum:before {
    content: "\e6d8";
}

.icomoon-suspend-cycle-o:before {
    content: "\e6d9";
}

.icomoon-sync:before {
    content: "\e6da";
}

.icomoon-thumnail:before {
    content: "\e6dd";
}

.icomoon-time-o:before {
    content: "\e6de";
}

.icomoon-transform-1:before {
    content: "\e6df";
}

.icomoon-transform-2:before {
    content: "\e6e0";
}

.icomoon-s:before {
    content: "\e6e1";
}

.icomoon-undo-1:before {
    content: "\e6e2";
}

.icomoon-unlink:before {
    content: "\e6e4";
}

.icomoon-unstack:before {
    content: "\e6e5";
}

.icomoon-unstroke:before {
    content: "\e6e6";
}

.icomoon-user:before {
    content: "\e6e7";
}

.icomoon-visible:before {
    content: "\e6e8";
}

.icomoon-wait:before {
    content: "\e6e9";
}

.icomoon-warning-o:before {
    content: "\e6ea";
}

.icomoon-y-axis:before {
    content: "\e6eb";
}

.icomoon-yy-axis:before {
    content: "\e6ec";
}

.icomoon-exit-fullscreen:before {
    content: "\e615";
}

.icomoon-fullscreen:before {
    content: "\e614";
}

.icomoon-indent:before {
    content: "\e60d";
}

.icomoon-unindent:before {
    content: "\e60c";
}

.icomoon-upload:before {
    content: "\e61b";
}

.icomoon-function:before {
    content: "\e619";
}

.icomoon-add-folder:before {
    content: "\e62c";
}

.icomoon-warning:before {
    content: "\e630";
}

.icomoon-close-l:before {
    content: "\e62d";
}

.icomoon-delete2:before {
    content: "\e61d";
}

.icomoon-plus:before {
    content: "\e61e";
}

.icomoon-searh:before {
    content: "\e626";
}

.icomoon-pause:before {
    content: "\e604";
}

.icomoon-run:before {
    content: "\e603";
}

.icomoon-save:before {
    content: "\e602";
}

.icomoon-folder-open:before {
    content: "\e627";
}

.icomoon-folder:before {
    content: "\e635";
}

.icomoon-cut:before {
    content: "\e605";
}

.icomoon-arrow-left:before {
    content: "\e634";
}

.icomoon-arrow-right:before {
    content: "\e6ed";
}

.icomoon-arrow-down:before {
    content: "\e632";
}

.icomoon-arrow-top:before {
    content: "\e631";
}

.icomoon-arrow-left-l:before {
    content: "\e628";
}

.icomoon-arrow-right-l:before {
    content: "\e639";
}

.icomoon-arrow-bottom-l:before {
    content: "\e63b";
}

.icomoon-arrow-down-l:before {
    content: "\e63c";
}

.icomoon-arrow-up-l:before {
    content: "\e63d";
}

.icomoon-arrow-top-l:before {
    content: "\e63e";
}

.icomoon-arrow-left-d-l:before {
    content: "\e63f";
}

.icomoon-arrow-right-d-l:before {
    content: "\e640";
}

.icomoon-suspend:before {
    content: "\e622";
}

.icomoon-close-c:before {
    content: "\e624";
}

.icomoon-ok-c:before {
    content: "\e625";
}

.icomoon-file:before {
    content: "\e617";
}

.icomoon-font-color:before {
    content: "\e646";
}

.icomoon-font-color-coverage:before {
    content: "\e655";
}

.icomoon-bucket-coverage:before {
    content: "\e65c";
}

.icomoon-host:before {
    content: "\e662";
}

.icomoon-clear:before {
    content: "\e66f";
}

.icomoon-mark:before {
    content: "\e67d";
}

.icomoon-change:before {
    content: "\e682";
}

.icomoon-slash:before {
    content: "\e601";
}

.icomoon-freeze-column:before {
    content: "\e604";
}

.icomoon-freeze-cell:before {
    content: "\e603";
}

.icomoon-freeze-row:before {
    content: "\e60a";
}

.icomoon-freeze:before {
    content: "\e637";
}

.icomoon-rocket2:before {
    content: "\e612";
}

.icomoon-new-dashboard:before {
    content: "\e61a";
}

.icomoon-new-worksheet:before {
    content: "\e643";
}

.icomoon-more:before {
    content: "\e6a5";
}

.icon-lock-row:before {
    content: "\e674";
}

.icon-chart-funnel-plot:before {
    content: "\e6ab";
}

.icon-subscribe:before {
    content: "\e921";
}

body {
    overflow: hidden;
    font-family: "Helvetica Neue",Verdana,Tahoma,"Lantinghei SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",sans-serif !important;
    font-size: 12px;
}

.clear {
    clear: both;
}

.hide {
    display: none;
}

.calign {
    text-align: center;
}

.lalign {
    text-align: left;
}

.ralign {
    text-align: right;
}

.used {
    font-weight: 700;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.hideimportant {
    display: none !important;
}

.fields_list .fields_list_header {
    background: #F9F9F9;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f0f0f0));
    background: -moz-linear-gradient(top,#fff 0,#f0f0f0 100%);
    border-right: 1px solid #CCC;
    float: left;
    font-weight: 700;
    padding: 2px 5px 3px;
    line-height: 23px;
    text-shadow: 1px 1px 0 #FFF;
    width: 62px;
    height: 100%;
}

.fields_list .limit {
    cursor: pointer;
}

    .fields_list .limit:hover, .fields_list .on {
        border: 1px solid #CCC;
        background: #A0A0A0;
        padding: 1px 4px 2px;
    }

div, ul {
    flex-shrink: 0;
}

    ul.tabs {
        position: relative;
    }

        ul.tabs li {
            position: relative;
            border: 1px solid #c4c5c8;
        }

input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, textarea:focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 3px rgba(82,168,236,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 3px rgba(82,168,236,.6);
}

.container {
    display: -webkit-flex;
    display: flex;
    flex-flow: column nowrap;
    flex-direction: column;
    align-content: stretch;
    width: 100%;
    height: 100%;
}

    .container > .workspace {
        flex: 1;
        display: -webkit-flex;
        display: flex;
        position: relative;
        flex-flow: row nowrap;
        flex-direction: row;
        align-content: stretch;
    }

        .container > .workspace > div {
            flex: 1;
            display: -webkit-flex;
            display: flex;
            flex-flow: row nowrap;
            flex-direction: row;
            align-content: stretch;
        }

        .container > .workspace .workspace-side {
            position: relative;
            z-index: 101;
            display: -webkit-flex;
            display: flex;
            flex-flow: row nowrap;
            flex-direction: row;
            align-content: stretch;
            width: 200px;
            min-width: 200px;
        }

            .container > .workspace .workspace-side > .side-content {
                position: relative;
                z-index: 10;
                min-width: 200px;
                display: -webkit-flex;
                display: flex;
                flex: 1;
                align-content: stretch;
                flex-flow: column nowrap;
                flex-direction: column;
                overflow: hidden;
                background-color: rgba(255,255,255,.9);
            }

        .container > .workspace .workspace-main {
            flex: 1;
            display: -webkit-flex;
            display: flex;
            flex-flow: column nowrap;
            flex-direction: column;
        }

            .container > .workspace .workspace-main > .content {
                position: relative;
                flex: 1;
                flex-flow: column nowrap;
                flex-direction: column;
            }

            .container > .workspace .workspace-main footer {
                height: 28px;
                padding: 0;
                background-color: #F9F9F9;
                border-top: 1px solid #DDD;
                margin: -1px 0 0;
                display: -webkit-flex;
                display: flex;
            }

                .container > .workspace .workspace-main footer .sheet-tabs {
                    flex: 1;
                    display: -webkit-flex;
                    display: flex;
                    flex-flow: row nowrap;
                    flex-direction: row;
                }

                    .container > .workspace .workspace-main footer .sheet-tabs .tabs-item {
                        line-height: 30px;
                        font-size: 12px;
                        border-right: 1px solid #DDD;
                        text-align: center;
                        color: #666;
                        cursor: pointer;
                        padding: 0 10px;
                    }

                        .container > .workspace .workspace-main footer .sheet-tabs .tabs-item.active {
                            background: #FFF;
                            color: #333;
                            margin-top: -1px;
                        }

                        .container > .workspace .workspace-main footer .sheet-tabs .tabs-item.disabled {
                            background: #F9F9F9;
                            cursor: not-allowed;
                        }

                .container > .workspace .workspace-main footer .status-bar {
                    float: right;
                    padding-right: 5px;
                    height: 27px;
                }

                    .container > .workspace .workspace-main footer .status-bar input {
                        border: none;
                        background: 0 0;
                        text-align: right;
                        outline: 0;
                        height: 22px;
                        padding: 1px 0;
                    }

                    .container > .workspace .workspace-main footer .status-bar .pagesize {
                        width: 60px;
                        border: 1px solid #CCC;
                        padding: 1px 5px;
                        border-radius: 5px;
                        height: 24px;
                        margin: 2px;
                    }

                    .container > .workspace .workspace-main footer .status-bar div {
                        display: inline-block;
                        margin: 2px 5px;
                        border: 1px solid #CCC;
                        border-radius: 5px;
                    }

                    .container > .workspace .workspace-main footer .status-bar .pagebar {
                        display: none;
                    }

                        .container > .workspace .workspace-main footer .status-bar .pagebar.active {
                            display: inline-block;
                        }

                        .container > .workspace .workspace-main footer .status-bar .pagebar .pagenum {
                            width: 30px;
                        }

                        .container > .workspace .workspace-main footer .status-bar .pagebar span {
                            display: inline-block;
                        }

                            .container > .workspace .workspace-main footer .status-bar .pagebar span.pagebar-next, .container > .workspace .workspace-main footer .status-bar .pagebar span.pagebar-prev {
                                font-family: icomoon;
                                width: 20px;
                                height: 22px;
                                font-style: normal;
                                font-size: 12px;
                                color: #CCC;
                                cursor: pointer;
                                line-height: 20px;
                            }

                            .container > .workspace .workspace-main footer .status-bar .pagebar span.pagebar-prev {
                                border-right: 1px solid #CCC;
                            }

                                .container > .workspace .workspace-main footer .status-bar .pagebar span.pagebar-prev:after {
                                    content: '\e628';
                                }

                            .container > .workspace .workspace-main footer .status-bar .pagebar span.pagebar-next {
                                border-left: 1px solid #CCC;
                            }

                                .container > .workspace .workspace-main footer .status-bar .pagebar span.pagebar-next:after {
                                    content: '\e639';
                                }

                            .container > .workspace .workspace-main footer .status-bar .pagebar span:hover {
                                color: #333;
                            }

                            .container > .workspace .workspace-main footer .status-bar .pagebar span.disabled {
                                color: transparent;
                                cursor: default;
                            }

        .container > .workspace .tabbar {
            display: -webkit-flex;
            display: flex;
            flex-flow: row nowrap;
            flex-direction: row;
        }

            .container > .workspace .tabbar .tabbar-item {
                text-align: center;
                cursor: pointer;
            }

                .container > .workspace .tabbar .tabbar-item > .sicon-arrow-bottom {
                    display: none;
                    margin-left: 3px;
                    vertical-align: text-top;
                }

                .container > .workspace .tabbar .tabbar-item.active {
                    background: #ACB1B6;
                    color: #FFF;
                }

                    .container > .workspace .tabbar .tabbar-item.active > .sicon-arrow-bottom {
                        display: inline-block;
                    }

                .container > .workspace .tabbar .tabbar-item.disabled {
                    opacity: .6;
                }

            .container > .workspace .tabbar.tabbar-side {
                height: 26px;
                background: #FFF;
                font-size: 12px;
                border: 1px solid #289DE9;
                border-radius: 3px;
            }

                .container > .workspace .tabbar.tabbar-side .tabbar-item {
                    line-height: 24px;
                    letter-spacing: 1px;
                    flex: 1;
                    color: #289DE9;
                }

                    .container > .workspace .tabbar.tabbar-side .tabbar-item.active {
                        background: #289DE9;
                        color: #FFF;
                    }

                    .container > .workspace .tabbar.tabbar-side .tabbar-item.disabled {
                        color: #999;
                    }

            .container > .workspace .tabbar.tabbar-tool {
                height: 30px;
                background: #F9F9F9;
                font-size: 12px;
                padding-left: 30px;
            }

                .container > .workspace .tabbar.tabbar-tool .tabbar-item {
                    width: 50px;
                    line-height: 30px;
                    font-size: 14px;
                    border-right: 1px solid #DDD;
                }

                    .container > .workspace .tabbar.tabbar-tool .tabbar-item.active {
                        background: #FFF;
                        color: #333;
                        margin-bottom: -1px;
                    }

                    .container > .workspace .tabbar.tabbar-tool .tabbar-item:first-child {
                        border-left: 1px solid #DDD;
                    }

.screen-wrapper, .sidebar-main {
    display: -webkit-flex;
    display: flex;
    flex: 1;
    flex-flow: column nowrap;
    flex-direction: column;
    min-width: 200px;
    border-right: 1px solid #c4c5c8;
}

.screen-nav {
    position: relative;
    height: 30px;
    line-height: 30px;
    color: #666;
    font-size: 14px;
}

.screen-content {
    flex: 1;
    display: -webkit-flex;
    display: flex;
    flex-flow: column nowrap;
    flex-direction: column;
}

    .screen-content .title-bar {
        height: 30px;
        line-height: 30px;
        background: rgba(0,0,0,.1);
        padding: 0 5px 0 10px;
    }

        .screen-content .title-bar .title-bar-drag {
            display: inline-block;
            width: calc(100% - 80px);
            text-align: center;
        }

            .screen-content .title-bar .title-bar-drag > i {
                height: 29px;
                line-height: 30px;
                cursor: row-resize;
                transform: rotate(90deg);
            }

            .screen-content .title-bar .title-bar-drag.ns-resize {
                cursor: row-resize;
                user-select: none;
            }

        .screen-content .title-bar .title-bar-search {
            float: right;
            font-size: 14px;
        }

            .screen-content .title-bar .title-bar-search > i {
                display: inline-block;
                height: 29px;
                line-height: 30px;
                margin-left: 3px;
                cursor: pointer;
            }

                .screen-content .title-bar .title-bar-search > i.ew-resize {
                    cursor: col-resize;
                    user-select: none;
                }

        .screen-content .title-bar .title-bar-detail {
            float: right;
            margin-right: 5px;
        }

            .screen-content .title-bar .title-bar-detail > i {
                display: inline-block;
                height: 29px;
                line-height: 30px;
                cursor: pointer;
            }

        .screen-content .title-bar .search-input {
            position: relative;
            display: inline-block;
            width: calc(100% - 45px);
        }

            .screen-content .title-bar .search-input.short {
                width: calc(100% - 60px);
            }

            .screen-content .title-bar .search-input.big {
                width: calc(100% - 20px);
            }

            .screen-content .title-bar .search-input input {
                height: 20px;
                line-height: 20px;
                border: none;
                padding: 0 3px;
                width: 100%;
                border-radius: 2px;
            }

                .screen-content .title-bar .search-input input:focus {
                    outline: 0;
                    box-shadow: none;
                }

            .screen-content .title-bar .search-input > .sicon-close-bg {
                position: absolute;
                right: 2px;
                top: 6px;
                font-size: 18px;
                cursor: pointer;
                color: #666;
            }

                .screen-content .title-bar .search-input > .sicon-close-bg:hover {
                    color: #333;
                }

input[type=text].renameInput {
    position: relative;
    height: 22px;
    width: calc(100% - 65px);
    color: #999;
    font-size: 12px;
    background: #FFF;
    border: 1px solid #DEDEDE;
    border-radius: 3px;
    padding: 0 0 0 5px;
    box-shadow: none;
    margin-left: 0;
    outline: 0;
}

    input[type=text].renameInput.error {
        border-color: red;
    }

    input[type=text].renameInput:focus {
        box-shadow: none;
    }

.ui-sortable-helper {
    line-height: 15px !important;
    min-width: 70px;
    text-align: center;
}

    .ui-sortable-helper a {
        cursor: move !important;
    }

.d_dimension {
    background: #E5F1FF;
    border: 1px solid #69C;
    color: #2A6085;
    display: inline !important;
    margin-left: 10px;
}

    .d_dimension a {
        display: inline-block;
        color: #333;
        text-decoration: none;
        margin-right: 3px;
        max-width: 240px;
        text-overflow: ellipsis;
        overflow: hidden;
        text-align: left;
    }

    .d_dimension span.sprite {
        background-position: 0 -2711px;
        height: 16px;
        width: 16px;
        float: right;
        margin-top: 1px;
        cursor: pointer;
        opacity: .7;
    }

        .d_dimension span.sprite:hover {
            opacity: 1;
        }

        .d_dimension span.sprite.remove {
            height: 16px;
            width: 16px;
            float: right;
            cursor: pointer;
            margin-top: 1px;
            background-position: 0 -2729px;
            opacity: .5;
        }

            .d_dimension span.sprite.remove:hover {
                opacity: .7;
            }

.d_measure {
    background: #c9e7d7;
    border: 1px solid #87b09d;
    color: #333;
    display: inline !important;
    margin-left: 10px;
}

    .d_measure a {
        display: inline-block;
        color: #333;
        text-decoration: none;
        margin-right: 3px;
        max-width: 260px;
        text-overflow: ellipsis;
        overflow: hidden;
        text-align: left;
    }

    .d_measure span.sprite.remove {
        height: 16px;
        width: 16px;
        float: right;
        cursor: pointer;
        margin-top: 1px;
        background-position: 0 -2729px;
        opacity: .5;
    }

        .d_measure span.sprite.remove:hover {
            opacity: .7;
        }

.empty_placeholder, .placeholder {
    border: 1px dashed #999;
    color: #999;
    line-height: 15px;
    list-style-type: none;
    height: 16px;
    display: inline;
    margin: 3px 5px 0 0;
    padding: 0 6px;
    min-width: 70px;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.screen-schema-select .schema-name-wrap {
    height: 30px;
    display: inline-block;
    padding: 0 10px;
    width: 100%;
}

    .screen-schema-select .schema-name-wrap .schema-name {
        width: 100%;
        display: inline-block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.workspace-rightmenu {
    position: absolute;
    left: 199px;
    top: 50px;
    z-index: 102;
    background: #FFF;
    border-radius: 2px;
}

.multi-menu ul {
    min-width: 142px;
    padding: 8px 0;
    margin: 0;
    border-radius: 2px;
    background: #FFF;
    box-shadow: 0 0 2px rgba(0,0,0,.2);
    border: 1px solid #CCC;
    list-style: none;
}

    .multi-menu ul li:not(.separate) {
        padding: 4px 8px 0 0;
        position: relative;
        white-space: nowrap;
        cursor: pointer;
        color: #666;
    }

        .multi-menu ul li:not(.separate) span.icons {
            display: inline-block;
            width: 23px;
            height: 24px;
            line-height: 28px;
            padding-left: 5px;
            vertical-align: top;
        }

        .multi-menu ul li:not(.separate) span.name {
            height: 24px;
            line-height: 24px;
            display: inline-block;
            padding-left: 2px;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .multi-menu ul li:not(.separate) > ul {
            position: absolute;
            left: 100%;
            top: -9px;
            display: none;
        }

        .multi-menu ul li:not(.separate).on, .multi-menu ul li:not(.separate):hover {
            background: #E3F4FF;
        }

    .multi-menu ul li.multi-menu-parent > .name {
        padding-right: 21px;
    }

    .multi-menu ul li.nonicon > .name {
        border-left: none;
        padding-left: 0;
        margin-left: 0;
    }

    .multi-menu ul li.multi-menu-parent:after {
        font-family: icomoon;
        content: "\e6ed";
        color: #999;
        position: absolute;
        right: 2px;
        top: 8px;
    }

    .multi-menu ul li.disabled {
        cursor: default;
        opacity: .5;
    }

        .multi-menu ul li.disabled:hover {
            background: 0 0;
        }

        .multi-menu ul li.disabled:after {
            color: #BCBCBC;
        }

    .multi-menu ul li.separate {
        height: 1px;
        border-top: 1px solid #EEE;
        margin: 5px 0;
    }

        .multi-menu ul li.separate:hover {
            background: 0 0;
        }

    .multi-menu ul li.tag {
        background: #EAEAEA;
        padding: 2px 0 2px 7px;
        margin: 5px 0;
        color: #999;
    }

        .multi-menu ul li.tag:first-child {
            margin-top: -3px;
        }

        .multi-menu ul li.tag:hover {
            background: #EAEAEA;
            color: #999;
        }

    .multi-menu ul li.checking {
        cursor: default;
        color: #BCBCBC;
    }

        .multi-menu ul li.checking:after {
            color: #BCBCBC;
        }

        .multi-menu ul li.checking .icons .sicon {
            animation: round 1s infinite linear;
        }

            .multi-menu ul li.checking .icons .sicon:before {
                content: "\e6da";
            }

    .multi-menu ul li.error {
        cursor: default;
        color: #FF4600;
    }

        .multi-menu ul li.error:hover {
            background: none !important;
        }

    .multi-menu ul.fetching {
        min-height: 46px;
        text-align: center;
    }

        .multi-menu ul.fetching:before {
            display: inline-block;
            content: "\e6da";
            font-family: icomoon;
            font-size: 16px;
            color: #999;
            font-weight: 400;
            margin-top: 3px;
            animation: round 1s infinite linear;
        }

.multi-menu li.checked:before {
    font-family: icomoon;
    font-size: 14px;
    content: "\e6c2";
    color: #666;
    display: inline-block;
    position: absolute;
    left: 6px;
    top: 7px;
}

.rightmenu-block li.perform-killing {
    color: #CCC;
}

.flex-content-column {
    display: -webkit-flex;
    display: flex;
    flex: 1;
    flex-flow: column nowrap;
    flex-direction: column;
}

.high-light {
    background-color: #FF0;
    padding: 0;
    font-style: normal;
}

._hide, ._hide2 {
    display: none;
}

.dataset-form-wrapper {
    display: -webkit-flex;
    display: flex;
    flex-flow: column nowrap;
    flex-direction: column;
    flex: 1;
    min-width: 400px;
    background: #FFF;
    border-right: 1px solid #c4c5c8;
}

    .dataset-form-wrapper .nav-dataset-block {
        background: #EEE;
        color: #666;
        padding-right: 10px;
    }

        .dataset-form-wrapper .nav-dataset-block > .sicon.sicon-left-arrow:hover {
            background: #DDD;
        }

.dataset-form-content .form-inner {
    flex: 1;
    overflow: auto;
    padding-top: 20px;
}

    .dataset-form-content .form-inner .form-item {
        margin-bottom: 10px;
        font-size: 12px;
    }

        .dataset-form-content .form-inner .form-item label {
            margin-bottom: 0;
        }

            .dataset-form-content .form-inner .form-item label .input, .dataset-form-content .form-inner .form-item label .name {
                display: inline-block;
            }

            .dataset-form-content .form-inner .form-item label .name {
                width: 110px;
                padding-top: 6px;
                padding-right: 3px;
                text-align: right;
                vertical-align: top;
                color: #888;
            }

                .dataset-form-content .form-inner .form-item label .name > em {
                    display: none;
                }

            .dataset-form-content .form-inner .form-item label.required .name > em {
                display: inline-block;
                padding-top: 2px;
                color: #F65C5C;
                font-style: normal;
                margin-right: 3px;
            }

        .dataset-form-content .form-inner .form-item .input > input[type=text] {
            width: 245px;
            height: 30px;
            border: 1px solid #CCC;
            border-radius: 3px;
            padding: 0 8px;
            outline: 0;
        }

            .dataset-form-content .form-inner .form-item .input > input[type=text]:focus {
                box-shadow: none;
                border-color: #7EBDEF;
            }

        .dataset-form-content .form-inner .form-item .input textarea {
            width: 245px;
            padding: 8px;
            border: 1px solid #CCC;
            border-radius: 3px;
            outline: 0;
        }

            .dataset-form-content .form-inner .form-item .input input[disabled], .dataset-form-content .form-inner .form-item .input input[readonly], .dataset-form-content .form-inner .form-item .input textarea[disabled], .dataset-form-content .form-inner .form-item .input textarea[readonly] {
                background: #EEE;
                color: #999;
                cursor: not-allowed;
            }

                .dataset-form-content .form-inner .form-item .input input[disabled]:focus, .dataset-form-content .form-inner .form-item .input input[readonly]:focus, .dataset-form-content .form-inner .form-item .input textarea[disabled]:focus, .dataset-form-content .form-inner .form-item .input textarea[readonly]:focus {
                    border-color: #CCC;
                }

        .dataset-form-content .form-inner .form-item .input.fm-error textarea, .dataset-form-content .form-inner .form-item .input.fm-error > input[type=text] {
            border-color: red;
        }

        .dataset-form-content .form-inner .form-item .input .fm-explain {
            display: none;
        }

        .dataset-form-content .form-inner .form-item .tip {
            display: block;
            padding-left: 121px;
            padding-right: 33px;
            margin-top: 4px;
            color: #D1D1D1;
        }

        .dataset-form-content .form-inner .form-item.form-item-radio .name {
            padding-top: 2px;
        }

    .dataset-form-content .form-inner .J-forSelect2 {
        width: 245px;
    }

    .dataset-form-content .form-inner .select2-offscreen {
        display: none;
        height: 0;
    }

    .dataset-form-content .form-inner .select2-choice {
        border-color: #CCC !important;
        box-shadow: none;
    }

    .dataset-form-content .form-inner .form-footer {
        padding-left: 115px;
        margin-top: 30px;
        margin-bottom: 20px;
    }

.selectedit-list {
    display: none;
    position: fixed;
    padding: 0;
    list-style: none;
    background: #FFF;
    font-size: 14px;
    border: 1px solid #CCC;
    box-shadow: 2px 2px 8px rgba(103,175,235,.25);
    z-index: 10000;
    overflow-y: auto;
    max-height: 185px;
    overflow-x: hidden;
}

    .selectedit-list li {
        white-space: nowrap;
        padding: 4px;
        cursor: default;
        min-width: 80px;
    }

        .selectedit-list li.hover, .selectedit-list li:hover {
            background: #CFEBFF;
        }

.sbtn {
    display: inline-block;
    position: relative;
    overflow: hidden;
    min-width: 48px;
    height: 24px;
    line-height: 22px;
    border: 1px solid #C7C7C7;
    border-radius: 2px;
    white-space: nowrap;
    text-align: center;
    padding: 0 10px;
    font-size: 12px;
    background: #F9F9F9;
    color: #666;
    cursor: pointer;
}

    .sbtn:not(.primary):hover {
        background: #FFF;
    }

    .sbtn.primary {
        background: #2A9BE6;
        color: #EEE;
        border: none;
        line-height: 24px;
    }

        .sbtn.primary:hover {
            opacity: .9;
        }

    .sbtn.disabled {
        opacity: .5;
        cursor: not-allowed;
    }

        .sbtn.disabled:hover {
            opacity: .5;
        }

    .sbtn.sbtn-big {
        min-width: 60px;
        height: 30px;
        line-height: 30px;
    }

        .sbtn.sbtn-big.primary {
            line-height: 30px;
        }

.dataSync {
    min-height: 20px;
    color: #999;
    text-align: center;
}

    .dataSync > .sicon {
        font-size: 16px;
    }

.dimension-manager {
    display: -webkit-flex;
    display: flex;
    flex-flow: column nowrap;
    flex-direction: column;
    align-content: stretch;
    flex: 1;
}

    .dimension-manager .sidebar {
        flex: 1;
        -webkit-flex: 1;
        display: -webkit-flex;
        display: flex;
        flex-flow: column nowrap;
        flex-direction: column;
        align-content: stretch;
    }

        .dimension-manager .sidebar .box {
            display: -webkit-flex;
            display: flex;
            flex: 1;
            flex-flow: column nowrap;
            flex-direction: column;
        }

            .dimension-manager .sidebar .box > .title {
                border-top: 1px solid #c4c5c8;
                border-bottom: 1px solid #c4c5c8;
                height: 35px;
                padding: 0 10px;
                background: #F5F5F5;
            }

                .dimension-manager .sidebar .box > .title > h3 {
                    font-size: 14px;
                    font-weight: 700;
                    line-height: 33px;
                    margin: 0;
                }

            .dimension-manager .sidebar .box > .content {
                flex: 1;
                overflow: auto;
                position: relative;
            }

            .dimension-manager .sidebar .box:first-child > .title {
                border-top: none;
            }

.main-content {
    display: -webkit-flex;
    display: flex;
    flex-flow: column nowrap;
    flex-direction: column;
    align-content: stretch;
}

    .main-content .workspace_toolbar {
        position: relative;
        background: #FFF;
        user-select: none;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
    }

        .main-content .workspace_toolbar .file-info {
            position: absolute;
            left: 45%;
            top: 6px;
            color: #CCC;
        }

            .main-content .workspace_toolbar .file-info .file-name {
                position: relative;
                float: left;
            }

                .main-content .workspace_toolbar .file-info .file-name .name {
                    display: inline-block;
                    max-width: 300px;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    vertical-align: middle;
                    color: #333;
                }

                    .main-content .workspace_toolbar .file-info .file-name .name.modify:before {
                        content: '*';
                        position: relative;
                        top: 2px;
                        left: -2px;
                    }

                .main-content .workspace_toolbar .file-info .file-name .sicon {
                    font-size: 12px;
                    vertical-align: middle;
                }

        .main-content .workspace_toolbar .toggle-sidebar, .main-content .workspace_toolbar .toggle-toolbar {
            position: absolute;
            width: 30px;
            height: 30px;
            padding-left: 6px;
            padding-top: 5px;
            cursor: pointer;
            transition: all .3s;
        }

            .main-content .workspace_toolbar .toggle-sidebar.on, .main-content .workspace_toolbar .toggle-toolbar.on {
                transform: rotate(180deg);
            }

            .main-content .workspace_toolbar .toggle-sidebar .sicon, .main-content .workspace_toolbar .toggle-toolbar .sicon {
                font-size: 18px;
                color: #666;
            }

        .main-content .workspace_toolbar .toggle-sidebar {
            left: 0;
            top: 0;
        }

        .main-content .workspace_toolbar .toggle-toolbar {
            right: 3px;
            top: 0;
        }

        .main-content .workspace_toolbar .toolbar-cube-help {
            position: absolute;
            right: 5px;
            bottom: 10px;
        }

        .main-content .workspace_toolbar .toolbar-tab-content {
            height: 50px;
            border-top: 1px solid #DDD;
            border-bottom: 1px solid #DDD;
            overflow: visible;
        }

        .main-content .workspace_toolbar .group-item {
            float: left;
            height: 30px;
            margin-left: 6px;
            border-right: 1px solid #CCC;
            margin-top: 10px;
            padding-right: 10px;
        }

            .main-content .workspace_toolbar .group-item:last-child {
                border-right: none;
            }

            .main-content .workspace_toolbar .group-item ul {
                margin: 0;
                padding: 0;
            }

            .main-content .workspace_toolbar .group-item li {
                list-style: none;
            }

            .main-content .workspace_toolbar .group-item > ul > li {
                position: relative;
                float: left;
                margin: 0 5px;
                border: 1px solid #FFF;
                cursor: pointer;
            }

                .main-content .workspace_toolbar .group-item > ul > li > a {
                    display: inline-block;
                    height: 30px;
                    width: 34px;
                    text-align: center;
                    padding-top: 3px;
                    color: #455564;
                }

                    .main-content .workspace_toolbar .group-item > ul > li > a .sicon {
                        font-size: 24px;
                    }

                    .main-content .workspace_toolbar .group-item > ul > li > a .coverage {
                        position: absolute;
                        top: 4px;
                        left: 5px;
                    }

                    .main-content .workspace_toolbar .group-item > ul > li > a .sicon-non-empty {
                        top: 0;
                    }

                    .main-content .workspace_toolbar .group-item > ul > li > a .sicon-chart-mapbubble, .main-content .workspace_toolbar .group-item > ul > li > a .sicon-chart-mapcolor {
                        width: 24px;
                        height: 24px;
                        display: inline-block;
                        opacity: .8;
                        background: url(../images/svg_sprite.svg) no-repeat;
                    }

                        .main-content .workspace_toolbar .group-item > ul > li > a .sicon-chart-mapbubble:hover, .main-content .workspace_toolbar .group-item > ul > li > a .sicon-chart-mapcolor:hover {
                            opacity: 1;
                        }

                    .main-content .workspace_toolbar .group-item > ul > li > a .sicon-chart-mapcolor {
                        background-position: 0 -64px;
                    }

                    .main-content .workspace_toolbar .group-item > ul > li > a .sicon-chart-mapbubble {
                        background-position: -24px -64px;
                    }

                .main-content .workspace_toolbar .group-item > ul > li:hover {
                    background: #f9f9f9;
                    border-radius: 3px;
                    border: 1px solid #ddd;
                }

                    .main-content .workspace_toolbar .group-item > ul > li:hover a {
                        color: #747f8b;
                    }

                .main-content .workspace_toolbar .group-item > ul > li.on {
                    background: #e3f4ff;
                    border-radius: 3px;
                    border: 1px solid #7EC4F2;
                }

                    .main-content .workspace_toolbar .group-item > ul > li.on a {
                        color: #289de9;
                    }

                .main-content .workspace_toolbar .group-item > ul > li.disabled a {
                    opacity: .5;
                    cursor: default;
                }

                    .main-content .workspace_toolbar .group-item > ul > li.disabled a:hover {
                        color: #666;
                    }

                        .main-content .workspace_toolbar .group-item > ul > li.disabled a:hover .sicon-chart-mapbubble, .main-content .workspace_toolbar .group-item > ul > li.disabled a:hover .sicon-chart-mapcolor {
                            opacity: .8;
                        }

                .main-content .workspace_toolbar .group-item > ul > li.disabled:after {
                    opacity: .5;
                }

                .main-content .workspace_toolbar .group-item > ul > li.parent:after {
                    font-family: icomoon;
                    content: '\e632';
                    position: absolute;
                    right: -7px;
                    top: 8px;
                    transform: scale(0.7);
                    color: #666;
                }

                .main-content .workspace_toolbar .group-item > ul > li.parent:hover {
                    background: 0 0;
                    border-radius: 0;
                    border-color: transparent;
                }

            .main-content .workspace_toolbar .group-item > ul .text-item {
                font-size: 16px;
                text-align: left;
            }

                .main-content .workspace_toolbar .group-item > ul .text-item:hover {
                    text-underline: none;
                }

            .main-content .workspace_toolbar .group-item > ul .toolbar-font-family {
                width: 72px;
            }

            .main-content .workspace_toolbar .group-item > ul .toolbar-font-size {
                width: 42px;
            }

            .main-content .workspace_toolbar .group-item .group-color > ul > li {
                margin-right: 10px;
            }

        .main-content .workspace_toolbar .tooltip-inner {
            white-space: nowrap;
            border-radius: 3px;
        }

    .main-content .workspace_excel {
        position: relative;
        flex: 1;
        -webkit-flex: 1;
        overflow: hidden;
    }

        .main-content .workspace_excel table tr td {
            padding: 0;
        }

    .main-content .workspace_chart {
        display: none;
        position: relative;
        flex: 1;
        -webkit-flex: 1;
        overflow: hidden;
    }

.workspace-filter {
    position: absolute;
    right: 1px;
    top: 1px;
    width: 300px;
    height: 500px;
    min-width: 300px;
    min-height: 400px;
    z-index: 102;
    user-select: none;
    display: -webkit-flex;
    display: flex;
}

    .workspace-filter .filter-inner {
        box-shadow: 0 2px 4px #CCC;
        border-radius: 4px;
        display: -webkit-flex;
        display: flex;
        flex: 1;
        flex-flow: column nowrap;
        flex-direction: column;
    }

        .workspace-filter .filter-inner .filter-bar {
            position: relative;
            min-height: 26px;
            border: 1px solid #CACACA;
            border-radius: 4px 4px 0 0;
            background: rgba(238,238,238,.8);
        }

            .workspace-filter .filter-inner .filter-bar .title {
                padding-left: 0;
                line-height: 26px;
                border-radius: 4px 4px 0 0;
                cursor: move;
            }

                .workspace-filter .filter-inner .filter-bar .title > .sicon-point-group {
                    top: 3px;
                    font-size: 16px;
                    color: #999;
                }

            .workspace-filter .filter-inner .filter-bar .filter-convert, .workspace-filter .filter-inner .filter-bar .filter-expand {
                position: absolute;
                top: 3px;
                right: 5px;
                width: 20px;
                height: 20px;
                cursor: pointer;
                border: 1px solid transparent;
                text-align: center;
            }

                .workspace-filter .filter-inner .filter-bar .filter-convert:hover, .workspace-filter .filter-inner .filter-bar .filter-expand:hover {
                    background: #E3E1E1;
                    border-color: #999 #ACABAB #ACABAB;
                    border-radius: 2px;
                }

                .workspace-filter .filter-inner .filter-bar .filter-convert > .sicon, .workspace-filter .filter-inner .filter-bar .filter-expand > .sicon {
                    font-size: 16px;
                }

            .workspace-filter .filter-inner .filter-bar .filter-convert {
                right: 31px;
            }

        .workspace-filter .filter-inner .filter-content {
            background: #F7F7F7;
            border: 1px solid #CACACA;
            border-radius: 0 0 5px 5px;
            border-top: none;
            display: -webkit-flex;
            display: flex;
            flex: 1;
            flex-flow: column nowrap;
            flex-direction: column;
        }

            .workspace-filter .filter-inner .filter-content .item {
                min-height: 100px;
                display: -webkit-flex;
                display: flex;
                flex: 1;
                flex-flow: column nowrap;
                flex-direction: column;
            }

                .workspace-filter .filter-inner .filter-content .item .item-bar {
                    height: 27px;
                    line-height: 26px;
                    border-bottom: 1px solid #D5D5D5;
                    padding-left: 10px;
                    background: #FDFDFD;
                    color: #888;
                }

                .workspace-filter .filter-inner .filter-content .item .item-content {
                    padding: 1px 0 5px 5px;
                    border-bottom: 1px solid #D5D5D5;
                    overflow: auto;
                    display: -webkit-flex;
                    display: flex;
                    flex: 1;
                }

                    .workspace-filter .filter-inner .filter-content .item .item-content > ul {
                        flex: 1;
                        margin: 0;
                        padding: 0;
                        max-height: 200px;
                    }

                        .workspace-filter .filter-inner .filter-content .item .item-content > ul > li {
                            float: left;
                            line-height: 18px;
                            list-style-type: none;
                            height: 20px;
                            display: inline;
                            margin: 4px 5px 0 0;
                            padding: 0 6px;
                            min-width: 70px;
                            max-width: 98%;
                            text-align: center;
                            white-space: nowrap;
                            border-radius: 12px;
                        }

                            .workspace-filter .filter-inner .filter-content .item .item-content > ul > li.preview {
                                height: auto;
                                max-width: 134px;
                            }

                                .workspace-filter .filter-inner .filter-content .item .item-content > ul > li.preview > a {
                                    display: inline-block;
                                    max-width: 80%;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                }

                            .workspace-filter .filter-inner .filter-content .item .item-content > ul > li .level-selection {
                                max-height: 96px;
                                height: 96px;
                                margin: 0 -6px;
                                padding: 0;
                                border-top: 1px solid #69C;
                                border-radius: 0 0 12px 12px;
                                overflow: auto;
                            }

                                .workspace-filter .filter-inner .filter-content .item .item-content > ul > li .level-selection > li {
                                    list-style: none;
                                    text-align: left;
                                    padding: 0 5px;
                                    color: #777;
                                    line-height: 1.6em;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                }

                                    .workspace-filter .filter-inner .filter-content .item .item-content > ul > li .level-selection > li:hover {
                                        background: #DDD;
                                    }

                            .workspace-filter .filter-inner .filter-content .item .item-content > ul > li > .sicon {
                                float: right;
                                height: 18px;
                                line-height: 20px;
                                top: 0;
                                cursor: pointer;
                                color: #75827b;
                            }

                                .workspace-filter .filter-inner .filter-content .item .item-content > ul > li > .sicon.drill {
                                    float: left;
                                    padding-right: 5px;
                                    color: #289CE8;
                                }

                .workspace-filter .filter-inner .filter-content .item:first-child .item-bar {
                    border-top-color: #A2A2A2;
                }

                .workspace-filter .filter-inner .filter-content .item:last-child .item-content {
                    border-bottom: none;
                }

                .workspace-filter .filter-inner .filter-content .item .tabbar {
                    padding: 3px 3px 3px 10px;
                }

                    .workspace-filter .filter-inner .filter-content .item .tabbar .tabbar-item {
                        padding: 0 12px;
                        line-height: 18px;
                        border: 1px solid #A7A7A7;
                        border-right: none;
                    }

                        .workspace-filter .filter-inner .filter-content .item .tabbar .tabbar-item.active {
                            text-shadow: 1px 1px 0 #888;
                        }

                        .workspace-filter .filter-inner .filter-content .item .tabbar .tabbar-item:first-child {
                            border-radius: 4px 0 0 4px;
                        }

                        .workspace-filter .filter-inner .filter-content .item .tabbar .tabbar-item:last-child {
                            border-radius: 0 4px 4px 0;
                            border-right: 1px solid #A7A7A7;
                        }

                .workspace-filter .filter-inner .filter-content .item .tab-content, .workspace-filter .filter-inner .filter-content .item .tab-content .filter-high, .workspace-filter .filter-inner .filter-content .item .tab-content .filter-normal {
                    display: -webkit-flex;
                    display: flex;
                    flex: 1;
                    flex-flow: column nowrap;
                    flex-direction: column;
                }

                    .workspace-filter .filter-inner .filter-content .item .tab-content .filter-high {
                        padding: 5px 10px;
                    }

    .workspace-filter.fold {
        width: 300px !important;
        height: auto !important;
        min-width: inherit;
        min-height: inherit;
    }

        .workspace-filter.fold .filter-inner {
            box-shadow: none;
        }

            .workspace-filter.fold .filter-inner .filter-bar, .workspace-filter.fold .filter-inner .filter-bar .title {
                border-radius: 4px;
            }

                .workspace-filter.fold .filter-inner .filter-bar .filter-convert {
                    display: none;
                }

                .workspace-filter.fold .filter-inner .filter-bar .filter-expand > i:before {
                    content: "\e65a";
                }

            .workspace-filter.fold .filter-inner .filter-content {
                display: none;
            }

.filter-drop-receiver {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #FFF;
    opacity: 0;
    z-index: 99;
    display: -webkit-flex;
    display: flex;
    flex-flow: column nowrap;
    flex-direction: column;
}

    .filter-drop-receiver .filter-drop-receiver-bottom, .filter-drop-receiver .filter-drop-receiver-right {
        flex: 1;
    }

    .filter-drop-receiver .filter-drop-receiver-middle {
        display: -webkit-flex;
        display: flex;
    }

.workspace_toolbar ul.toolbar {
    list-style: none;
    display: inline-block;
    margin: 3px 0 0;
    padding: 0;
}

    .workspace_toolbar ul.toolbar > li {
        display: block;
        float: left;
        width: 24px;
        height: 24px;
        margin-right: 1px;
        border: none;
    }

        .workspace_toolbar ul.toolbar > li > a {
            display: block;
            padding: 4px;
            width: 100%;
            height: 100%;
            outline: 0;
        }

            .workspace_toolbar ul.toolbar > li > a.on, .workspace_toolbar ul.toolbar > li > a:hover {
                padding: 3px;
                border-radius: 1px;
                background-image: -ms-linear-gradient(180deg,#fff 0,#ececec 5%,#cdcfd8 100%) !important;
                background-image: linear-gradient(180deg,#fff 0,#ececec 5%,#cdcfd8 100%) !important;
                border: 1px solid #C4CDD5;
            }

            .workspace_toolbar ul.toolbar > li > a:active {
                box-shadow: inset 0 4px 9px rgba(56,116,139,.2);
            }

            .workspace_toolbar ul.toolbar > li > a.disable {
                opacity: .5;
                cursor: default;
            }

        .workspace_toolbar ul.toolbar > li.fn-split {
            width: 1px;
            height: 14px;
            line-height: 14px;
            display: block;
            float: left;
            background-color: #A3A3A3;
            padding: 0;
            overflow: hidden;
            margin: 5px 4px 0;
        }

        .workspace_toolbar ul.toolbar > li.ico-dropmenu {
            width: auto;
        }

            .workspace_toolbar ul.toolbar > li.ico-dropmenu > a em.ico-arrow-down {
                display: inline-block;
                height: 16px;
                padding-right: 12px;
                background: url(../images/icon.png) -95px -98px no-repeat;
            }

            .workspace_toolbar ul.toolbar > li.ico-dropmenu > a.on, .workspace_toolbar ul.toolbar > li.ico-dropmenu > a:hover {
                padding-right: 0;
            }

                .workspace_toolbar ul.toolbar > li.ico-dropmenu > a.on em.ico-arrow-down, .workspace_toolbar ul.toolbar > li.ico-dropmenu > a:hover em.ico-arrow-down {
                    padding-right: 15px;
                    background: url(../images/icon.png) -100px -148px no-repeat;
                }

.toolbar-popup {
    box-shadow: 1px 1px 2px #DDD;
    border: 1px solid #999;
    border-radius: 2px;
    padding: 5px 0;
    background: #FFF;
    min-width: 100px;
}

    .toolbar-popup ul {
        list-style: none;
        padding: 0;
        margin: 0;
        border-radius: 2px;
        background: #FFF;
    }

        .toolbar-popup ul li {
            padding: 2px 8px;
            position: relative;
            white-space: nowrap;
            color: #666;
            cursor: pointer;
        }

            .toolbar-popup ul li span.name {
                height: 24px;
                line-height: 24px;
                display: inline-block;
                padding-left: 2px;
            }

            .toolbar-popup ul li > ul {
                position: absolute;
                left: 100%;
                top: 0;
                box-shadow: 0 0 4px #999;
                display: none;
            }

            .toolbar-popup ul li:hover {
                background: #EEE;
                cursor: pointer;
            }

            .toolbar-popup ul li.popup-parent > .name {
                padding-right: 21px;
            }

            .toolbar-popup ul li.nonicon > .name {
                border-left: none;
                padding-left: 0;
                margin-left: 0;
            }

            .toolbar-popup ul li.popup-parent:after {
                content: "►";
                color: #999;
                position: absolute;
                right: 5px;
                top: 3px;
                font-size: 10px;
            }

            .toolbar-popup ul li.popup-separate {
                height: 1px;
                border-top: 1px solid #DEDEDE;
                margin: 2px 0;
            }

                .toolbar-popup ul li.popup-separate:hover {
                    background: #EEE;
                    cursor: pointer;
                }

    .toolbar-popup > ul.check-list li {
        padding-left: 18px;
        cursor: pointer;
    }

        .toolbar-popup > ul.check-list li:hover {
            background-color: #F2F3FC;
        }

        .toolbar-popup > ul.check-list li[data-check=true]:before {
            color: #666;
            content: "√";
            display: inline-block;
            position: absolute;
            left: 5px;
            top: 2px;
        }

.adl-color-picker .sp-palette-container {
    border-right: none;
}

    .adl-color-picker .sp-palette-container .sp-palette .sp-cf .sp-thumb-el {
        border: none;
        margin: 1px 1px 0 0;
        width: 16px;
        height: 12px;
    }

        .adl-color-picker .sp-palette-container .sp-palette .sp-cf .sp-thumb-el:hover {
            border: 1px solid #FFF;
        }

.dimensions-box, .measures-box {
    display: inline-block;
    width: 100%;
    min-height: 200px;
    overflow: auto;
    user-select: none;
}

    .dimensions-box.flex, .measures-box.flex {
        display: -webkit-flex;
        display: flex;
        flex-flow: column nowrap;
        flex-direction: column;
        flex: 1;
    }

    .dimensions-box .filter-dimension, .dimensions-box .filter-measure, .measures-box .filter-dimension, .measures-box .filter-measure {
        width: 140px;
        margin-top: 4px;
        padding-left: 10px;
        background: url(../images/icon2.png) 112px -907px no-repeat #fff;
        box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
        border: 1px solid #CCC;
        border-radius: 12px;
        height: 24px;
    }

.cube_dimension_tree, .cube_measure_tree {
    overflow: auto;
    width: 100%;
    height: calc(100% - 35px);
    padding-bottom: 20px;
    padding-left: 10px;
}

    .cube_dimension_tree ul, .cube_measure_tree ul {
        margin: 0;
        padding: 0;
    }

        .cube_dimension_tree ul li, .cube_measure_tree ul li {
            line-height: 22px;
            list-style-type: none;
            margin: 0;
            padding-left: 0;
        }

            .cube_dimension_tree ul li span.collapsed, .cube_measure_tree ul li span.collapsed {
                background-position: -4px -1051px;
                cursor: pointer;
                padding: 5px 17px;
            }

            .cube_dimension_tree ul li span.expand, .cube_measure_tree ul li span.expand {
                background-position: -4px -1074px;
                cursor: pointer;
                padding: 5px 17px;
            }

            .cube_dimension_tree ul li a, .cube_measure_tree ul li a {
                display: inline-block;
                position: relative;
                margin-left: 5px;
                text-decoration: none;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                vertical-align: top;
                color: #555;
            }

                .cube_dimension_tree ul li a.folder_expand, .cube_measure_tree ul li a.folder_expand {
                    background: #FFF;
                    font-size: 14px;
                    color: #000;
                    white-space: nowrap;
                }

                .cube_dimension_tree ul li a.folder_collapsed, .cube_measure_tree ul li a.folder_collapsed {
                    background: #FFF;
                }

            .cube_dimension_tree ul li ul, .cube_measure_tree ul li ul {
                padding: 0;
                margin: 0;
            }

                .cube_dimension_tree ul li ul > li, .cube_measure_tree ul li ul > li {
                    position: relative;
                    line-height: 20px;
                    padding-left: 0;
                    white-space: nowrap;
                }

                    .cube_dimension_tree ul li ul > li > .sicon, .cube_measure_tree ul li ul > li > .sicon {
                        font-size: 14px;
                    }

            .cube_dimension_tree ul li.member .sicon-arrow-right, .cube_measure_tree ul li.member .sicon-arrow-right {
                float: right;
                display: none;
                height: 20px;
                line-height: 20px;
                font-size: 14px;
                cursor: pointer;
            }

            .cube_dimension_tree ul li.member > .sicon, .cube_measure_tree ul li.member > .sicon {
                top: 4px;
                font-size: 16px;
                vertical-align: top;
            }

                .cube_dimension_tree ul li.member > .sicon.sicon-calendar, .cube_measure_tree ul li.member > .sicon.sicon-calendar {
                    left: -1px;
                }

            .cube_dimension_tree ul li.member > .sicon-arrow-bottom, .cube_measure_tree ul li.member > .sicon-arrow-bottom {
                display: none;
                position: absolute;
                top: 0;
                transform: scale(0.8);
                height: 22px;
                width: 22px;
                line-height: 22px;
                text-align: center;
                cursor: pointer;
            }

            .cube_dimension_tree ul li.member:before, .cube_measure_tree ul li.member:before {
                display: none;
                height: 20px;
                content: '';
                position: absolute;
                border-radius: 12px;
            }

            .cube_dimension_tree ul li.member.menuon > .sicon-arrow-bottom, .cube_dimension_tree ul li.member:hover > .sicon-arrow-bottom, .cube_measure_tree ul li.member.menuon > .sicon-arrow-bottom, .cube_measure_tree ul li.member:hover > .sicon-arrow-bottom {
                display: inline-block;
            }

            .cube_dimension_tree ul li.member.menuon:before, .cube_dimension_tree ul li.member:hover:before, .cube_measure_tree ul li.member.menuon:before, .cube_measure_tree ul li.member:hover:before {
                display: block;
            }

            .cube_dimension_tree ul li.member.selected, .cube_measure_tree ul li.member.selected {
                position: relative;
            }

            .cube_dimension_tree ul li.member.on, .cube_measure_tree ul li.member.on {
                background: #1B9BEC;
                color: #FFF;
            }

                .cube_dimension_tree ul li.member.on > .sicon-arrow-right, .cube_measure_tree ul li.member.on > .sicon-arrow-right {
                    display: none;
                }

                .cube_dimension_tree ul li.member.on a, .cube_measure_tree ul li.member.on a {
                    color: #FFF;
                }

            .cube_dimension_tree ul li.member .name, .cube_measure_tree ul li.member .name {
                width: 112px;
                display: inline-block;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                vertical-align: top;
                cursor: pointer;
            }

            .cube_dimension_tree ul li.folder > ul, .cube_dimension_tree ul li.ui-state-disabled.menuon:before, .cube_dimension_tree ul li.ui-state-disabled.menuon > .sicon-arrow-bottom, .cube_dimension_tree ul li.ui-state-disabled:hover:before, .cube_dimension_tree ul li.ui-state-disabled:hover > .sicon-arrow-bottom, .cube_measure_tree ul li.folder > ul, .cube_measure_tree ul li.ui-state-disabled.menuon:before, .cube_measure_tree ul li.ui-state-disabled.menuon > .sicon-arrow-bottom, .cube_measure_tree ul li.ui-state-disabled:hover:before, .cube_measure_tree ul li.ui-state-disabled:hover > .sicon-arrow-bottom {
                display: none;
            }

            .cube_dimension_tree ul li.folder .root, .cube_measure_tree ul li.folder .root {
                height: 22px;
                line-height: 22px;
                font-size: 14px;
                color: #999;
                cursor: pointer;
            }

                .cube_dimension_tree ul li.folder .root.menuon, .cube_measure_tree ul li.folder .root.menuon {
                    background: #EEE;
                }

                .cube_dimension_tree ul li.folder .root > i, .cube_measure_tree ul li.folder .root > i {
                    float: left;
                    margin-left: 2px;
                    margin-top: 4px;
                }

                .cube_dimension_tree ul li.folder .root em, .cube_measure_tree ul li.folder .root em {
                    width: calc(100% - 45px);
                    display: inline-block;
                    font-style: normal;
                    font-size: 12px;
                    vertical-align: top;
                    margin-left: 5px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }

                .cube_dimension_tree ul li.folder .root .sicon-file-close, .cube_dimension_tree ul li.folder .root .sicon-file-open, .cube_measure_tree ul li.folder .root .sicon-file-close, .cube_measure_tree ul li.folder .root .sicon-file-open {
                    color: #71A0C3;
                }

                .cube_dimension_tree ul li.folder .root .sicon-arrow-bottom, .cube_dimension_tree ul li.folder .root .sicon-file-open, .cube_measure_tree ul li.folder .root .sicon-arrow-bottom, .cube_measure_tree ul li.folder .root .sicon-file-open {
                    display: none;
                }

            .cube_dimension_tree ul li.folder.open > ul, .cube_measure_tree ul li.folder.open > ul {
                display: block;
            }

            .cube_dimension_tree ul li.folder.open > .root .sicon-arrow-right, .cube_dimension_tree ul li.folder.open > .root .sicon-file-close, .cube_measure_tree ul li.folder.open > .root .sicon-arrow-right, .cube_measure_tree ul li.folder.open > .root .sicon-file-close {
                display: none;
            }

            .cube_dimension_tree ul li.folder.open > .root .sicon-arrow-bottom, .cube_dimension_tree ul li.folder.open > .root .sicon-file-open, .cube_measure_tree ul li.folder.open > .root .sicon-arrow-bottom, .cube_measure_tree ul li.folder.open > .root .sicon-file-open {
                display: inline-block;
            }

        .cube_dimension_tree li.hierarchy, .cube_dimension_tree li.member, .cube_measure_tree ul > li > ul > li {
            height: 22px;
            line-height: 22px;
            padding-left: 21px;
        }

.dimensions-box.flex .cube_dimension_tree, .measures-box.flex .cube_measure_tree {
    display: -webkit-flex;
    display: flex;
    flex-flow: column nowrap;
    -webkit-flex-flow: column nowrap;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex: 1;
    flex: 1;
}

.cube_measure_tree {
    height: calc(100% - 55px);
}

.measures-box.flex .cube_measure_tree {
    margin-bottom: 20px;
}

.cube_dimension_tree ul li.folder > ul {
    display: block;
}

.cube_dimension_tree ul li.folder > .root {
    display: none;
}

.cube_dimension_tree ul li.folder.join_dimension > .root {
    display: block;
}

.cube_dimension_tree ul li.folder.join_dimension > ul {
    margin-left: 12px;
}

.cube_dimension_tree ul li.folder.join_dimension svg {
    vertical-align: middle;
    margin-right: 4px;
}

.cube_dimension_tree ul li.member {
    padding-left: 7px;
}

    .cube_dimension_tree ul li.member a {
        width: calc(100% - 50px);
        min-width: 50px;
    }

    .cube_dimension_tree ul li.member > .sicon-arrow-bottom {
        right: 10px;
        color: #69C;
    }

    .cube_dimension_tree ul li.member:before {
        left: 24px;
        top: 1px;
        width: calc(100% - 30px);
        background: #E5F1FF;
        border: 1px solid #69C;
    }

    .cube_dimension_tree ul li.member.hierarchyMember {
        padding-left: 35px;
    }

        .cube_dimension_tree ul li.member.hierarchyMember:before {
            width: calc(100% - 60px);
            left: 52px;
        }

        .cube_dimension_tree ul li.member.hierarchyMember a {
            width: calc(100% - 50px);
            min-width: 50px;
        }

.cube_dimension_tree ul li.hierarchy .name {
    width: calc(100% - 20px);
}

.cube_dimension_tree ul li.hierarchy a {
    width: calc(100% - 25px);
}

.cube_dimension_tree ul li.edited a {
    font-weight: 800;
    font-style: italic;
    color: #333;
}

.cube_dimension_tree ul li ul li.hierarchy {
    cursor: pointer;
    padding-left: 2px;
}

    .cube_dimension_tree ul li ul li.hierarchy.open > .root .sicon-arrow-right {
        display: none;
    }

    .cube_dimension_tree ul li ul li.hierarchy.open > .root .sicon-arrow-bottom {
        display: inline-block;
    }

    .cube_dimension_tree ul li ul li.hierarchy.menuon {
        background: #E4EFF8;
    }

    .cube_dimension_tree ul li ul li.hierarchy > span {
        float: left;
    }

    .cube_dimension_tree ul li ul li.hierarchy .sicon-hierarchy, .cube_dimension_tree ul li ul li:not(.on) > .sicon {
        color: #3368B2;
    }

.dimension_drag {
    display: inline;
    width: auto !important;
    border: 1px solid #69C;
    border-radius: 10px;
    background: #E5F1FF;
    padding: 2px 10px;
    z-index: 200;
}

    .dimension_drag a {
        color: #333;
    }

    .dimension_drag i {
        display: none;
    }

.cube_measure_tree ul {
    padding-top: 5px;
}

    .cube_measure_tree ul li .root .sicon-file-close, .cube_measure_tree ul li .root .sicon-file-open {
        color: #45977F !important;
    }

    .cube_measure_tree ul li ul li:not(.on) > .sicon {
        color: #02602D;
    }

    .cube_measure_tree ul li.member a {
        width: calc(100% - 30px);
        min-width: 50px;
    }

    .cube_measure_tree ul li.member > .sicon-arrow-bottom {
        right: 10px;
        color: #69C;
    }

    .cube_measure_tree ul li.member:before {
        left: 38px;
        top: 1px;
        width: calc(100% - 45px);
        background: #C9E7D7;
        border: 1px solid #87B09D;
    }

    .cube_measure_tree ul li.edited a {
        font-weight: 800;
        font-style: italic;
        color: #333;
    }

.measure_drag {
    background: #C9E7D7;
    border: 1px solid #87B09D;
    border-radius: 10px;
    padding: 2px 10px;
    z-index: 200;
}

    .measure_drag a {
        color: #333;
    }

    .measure_drag i {
        display: none;
    }

.drag {
    user-select: none !important;
    -moz-user-select: none !important;
    -webkit-user-select: none !important;
    -ms-user-select: none !important;
}

.ui-widget {
    font-family: inherit !important;
    font-size: inherit !important;
}

.ui-state-hover {
    border: 0 !important;
}

.dialog_body .selections-wrapper {
    padding: 15px;
    display: -webkit-flex;
    display: flex;
    flex-flow: row nowrap;
    flex-direction: row;
    flex: 1;
}

.dialog_body .filter-tip {
    padding-left: 15px;
    line-height: 2em;
    color: red;
}

.dialog_body .available_selections, .dialog_body .used_selections {
    display: -webkit-flex;
    display: flex;
    flex-flow: column nowrap;
    flex-direction: column;
    flex: 1;
}

    .dialog_body .available_selections .selections_bar, .dialog_body .used_selections .selections_bar {
        height: 25px;
        line-height: 25px;
        margin-bottom: 8px;
        display: -webkit-flex;
        display: flex;
    }

        .dialog_body .available_selections .selections_bar .name, .dialog_body .used_selections .selections_bar .name {
            width: 80px;
            font-size: 14px;
        }

        .dialog_body .available_selections .selections_bar .isearch, .dialog_body .used_selections .selections_bar .isearch {
            flex: 1;
        }

            .dialog_body .available_selections .selections_bar .isearch .filterbox, .dialog_body .used_selections .selections_bar .isearch .filterbox {
                width: 100%;
                padding-left: 10px;
                padding-right: 27px;
                background: url(../images/icon2.png) 235px -907px no-repeat #fff;
                box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
                border: 1px solid #CCC;
                border-radius: 12px;
                height: 24px;
                line-height: 1em;
            }

                .dialog_body .available_selections .selections_bar .isearch .filterbox:focus, .dialog_body .used_selections .selections_bar .isearch .filterbox:focus {
                    outline: 0;
                }

    .dialog_body .available_selections .selections_fields, .dialog_body .used_selections .selections_fields {
        display: -webkit-flex;
        display: flex;
        flex-flow: column nowrap;
        flex-direction: column;
        flex: 1;
    }

        .dialog_body .available_selections .selections_fields select, .dialog_body .used_selections .selections_fields select {
            border: 1px solid #D7D7D7;
            flex: 1;
        }

            .dialog_body .available_selections .selections_fields select option:nth-child(2n-1), .dialog_body .used_selections .selections_fields select option:nth-child(2n-1) {
                background: #F3F6FA;
            }

.dialog_body .detailData .available_selections .selections_bar .isearch .filterbox {
    background-position: 315px -907px;
}

.dialog_body .selection_buttons_wrapper {
    width: 60px;
    display: -webkit-flex;
    display: flex;
}

    .dialog_body .selection_buttons_wrapper .selection_buttons {
        text-align: center;
        margin: auto;
        flex: 1;
    }

.dialog_body select[multiple] {
    width: 100%;
    height: 270px;
    padding: 3px;
    overflow: auto;
}

    .dialog_body select[multiple]:focus {
        border: 1px solid #7EBDEF;
        outline: 0;
    }

.dialog_body .options {
    text-align: left;
    margin: 0 0 15px 15px;
}

    .dialog_body .options label {
        margin-bottom: 0;
    }

        .dialog_body .options label input[type=checkbox] {
            margin-top: 1px;
            vertical-align: text-top;
        }

.form_button {
    display: inline-block;
    background: #F0F0F0;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f0f0f0));
    background: -moz-linear-gradient(top,#fff 0,#f0f0f0 100%);
    border: 1px solid #CCC;
    box-shadow: 0 0 3px #DDD;
    color: #444 !important;
    font-size: 1em;
    font-weight: 700;
    width: 28px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    text-decoration: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

    .form_button:hover {
        border: 1px solid #999;
        color: #222;
    }

.field label {
    font-weight: 400;
    display: inline-block;
    width: 60px;
    vertical-align: middle;
    text-align: right;
    padding-right: 10px;
    white-space: nowrap;
}

    .field label:after {
        content: ':';
        color: #CCC;
    }

.field input.input-medium {
    width: 130px;
}

.weeks {
    margin: 10px;
    color: #666;
}

    .weeks .week-number {
        margin: 0 4px;
        font-weight: 700;
        color: #6a9dcc;
        font-style: italic;
    }

.ztree li a.disabled {
    opacity: .5 !important;
}

.datetimepicker.dropdown-menu {
    font-size: 12px;
}

.sort-dialog .sort-list {
    border: 1px solid #CCC;
    margin-bottom: 5px;
}

    .sort-dialog .sort-list ul {
        user-select: none;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        margin: 0;
        padding: 0;
        list-style: none;
        min-height: 120px;
        max-height: 240px;
        overflow-x: hidden;
        overflow-y: auto;
    }

        .sort-dialog .sort-list ul li {
            box-sizing: content-box;
            padding: 4px 5px;
        }

            .sort-dialog .sort-list ul li span {
                display: inline-block;
            }

            .sort-dialog .sort-list ul li .label-text {
                color: #666;
                width: 80px;
                font-size: 14px;
                padding-left: 5px;
            }

            .sort-dialog .sort-list ul li .column-name {
                width: 150px;
                background-position: 127px -2567px;
                height: 26px;
            }

            .sort-dialog .sort-list ul li .up-or-down {
                width: 90px;
                margin-left: 25px;
                background-position: 68px -2567px;
                height: 26px;
                padding-left: 3px;
            }

            .sort-dialog .sort-list ul li.selected {
                background-color: #B8D6EB;
            }

.ui-calendar, .ui-calendar .ui-calendar-title .ui-calendar-btn {
    -moz-box-sizing: content-box;
}

.fn-ml20 {
    margin-left: 20px;
}

.flex-item {
    flex: 1;
}

.select-customize {
    position: relative;
}

    .select-customize select {
        -webkit-appearance: none;
        width: 100%;
        height: 28px;
        border-radius: 3px;
        border: 1px solid #DDD;
        padding-left: 10px;
        background: #FFF;
        outline: 0;
    }

    .select-customize:after {
        position: absolute;
        right: 1px;
        top: 7px;
        width: 16px;
        height: 16px;
        font-family: icomoon;
        content: "\e6cf";
        font-size: 12px;
        color: #999;
    }

body .select2-container .select2-choice {
    height: 28px;
    border-color: #DDD;
    border-radius: 3px;
    background-color: #FFF;
    background-image: inherit;
}

    body .select2-container .select2-choice > div {
        display: none;
    }

    body .select2-container .select2-choice:after {
        position: absolute;
        right: 0;
        top: 1px;
        width: 16px;
        height: 16px;
        font-family: icomoon;
        content: "\e6cf";
        font-size: 12px;
        color: #999;
    }

body .select2-container.select2-container-active .select2-choice {
    border-color: #DDD;
    -webkit-box-shadow: none;
    box-shadow: none;
}

body .select2-container.select2-dropdown-open .select2-choice {
    border-radius: 3px 3px 0 0;
}

body .select2-drop {
    border-color: #DDD;
    -webkit-box-shadow: none;
    box-shadow: none;
}

body .select2-search {
    margin-top: 5px;
}

    body .select2-search input {
        border-color: #DDD;
    }

        body .select2-search input:focus {
            -webkit-box-shadow: none;
            box-shadow: none;
        }

body .select2-results .select2-highlighted {
    background: #E3F4FF;
    color: #333;
}

body .select2-results .select2-result-label {
    padding: 5px 7px 4px;
}

body .select2-offscreen {
    display: none;
    height: 0;
}

.dialog-tips {
    z-index: 10010 !important;
}

.dialog-tips-body .modal-tip-content {
    margin: 10px auto;
    text-align: center;
    font-size: 14px;
}

    .dialog-tips-body .modal-tip-content .tip-flag {
        width: 50px;
        height: 50px;
        display: inline-block;
        vertical-align: middle;
        background: url(../images/icon2.png) no-repeat;
    }

        .dialog-tips-body .modal-tip-content .tip-flag.tip-flag-success {
            background-position: -4px -2794px;
        }

        .dialog-tips-body .modal-tip-content .tip-flag.tip-flag-warning {
            background-position: -1px -2513px;
        }

    .dialog-tips-body .modal-tip-content .tip-text {
        width: 310px;
        max-height: 100px;
        overflow-y: auto;
        overflow-x: hidden;
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        word-break: break-all;
    }

    .dialog-tips-body .modal-tip-content .keywords {
        color: #E76238;
    }

    .dialog-tips-body .modal-tip-content a {
        color: #428BCA;
    }

    .dialog-tips-body .modal-tip-content.host-info {
        margin: 10px 50px;
        width: 300px;
    }

        .dialog-tips-body .modal-tip-content.host-info .icon {
            width: 32px;
            font-size: 32px;
            color: #74A1C2;
            float: left;
            text-align: right;
            padding-top: 6px;
        }

        .dialog-tips-body .modal-tip-content.host-info .content {
            float: right;
            text-align: left;
        }

            .dialog-tips-body .modal-tip-content.host-info .content .main {
                font-size: 16px;
                line-height: 24px;
                color: #666;
                font-weight: 800;
                -webkit-user-select: text;
                -moz-user-select: text;
                -ms-user-select: text;
                user-select: text;
            }

                .dialog-tips-body .modal-tip-content.host-info .content .main span {
                    font-weight: 400;
                }

            .dialog-tips-body .modal-tip-content.host-info .content .info {
                color: #999;
                font-size: 12px;
                line-height: 18px;
            }

.dialog-tips-body .tip-detail .tip-detail-handler {
    text-align: right;
    color: #428BCA;
    cursor: pointer;
}

.dialog-tips-body .tip-detail .tip-detail-content > textarea {
    width: 100%;
    max-width: 100%;
    height: 80px;
    border: 1px solid #CCC;
    border-radius: 2px;
    color: #666;
    outline: 0;
    word-break: break-all;
}

.dialog-tips-body .modal-confirm-content {
    color: #666;
}

    .dialog-tips-body .modal-confirm-content .confirm-content-text {
        padding: 15px 0;
    }

        .dialog-tips-body .modal-confirm-content .confirm-content-text .confirm-flag {
            width: 32px;
            font-size: 32px;
            color: #FCA718;
            vertical-align: middle;
            display: table-cell;
        }

        .dialog-tips-body .modal-confirm-content .confirm-content-text .confirm-text {
            font-size: 12px;
            text-align: left;
            word-break: break-all;
            color: #333;
            padding-left: 10px;
            display: table-cell;
        }

            .dialog-tips-body .modal-confirm-content .confirm-content-text .confirm-text i {
                font-style: normal;
            }

            .dialog-tips-body .modal-confirm-content .confirm-content-text .confirm-text b {
                font-size: 24px;
                color: #666;
            }

.dialog_body .field {
    text-align: left;
    display: -webkit-flex;
    display: flex;
    flex: 1;
}

    .dialog_body .field .field-select {
        flex: 1;
    }

        .dialog_body .field .field-select select {
            width: 130px;
            height: 26px;
            background-position: 107px -2567px;
        }

        .dialog_body .field .field-select input {
            padding-left: 5px;
        }

.dialog_body input[type=text]:not(.input-noinherit) {
    height: 26px;
    border: 1px solid #C3C3C3;
    border-top-color: #B5B5B5;
    border-radius: 3px;
    padding: 0 8px;
}

.dialog-tips-refresh .ui-dialog-titlebar {
    text-align: center;
    height: 64px;
    border-bottom: none;
}

    .dialog-tips-refresh .ui-dialog-titlebar .ui-dialog-title {
        float: none;
        font-size: 18px;
        line-height: 53px;
        color: #666;
        font-weight: 400;
        text-shadow: 0 0 0;
    }

    .dialog-tips-refresh .ui-dialog-titlebar .ui-dialog-titlebar-close {
        display: none;
    }

.dialog-tips-refresh .dialog-tips-body .modal-tip-content .tip-flag {
    background: 0 0;
    width: 100%;
    height: auto;
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 56px;
    color: #FCA718;
    margin: 20px 0 12px;
}

    .dialog-tips-refresh .dialog-tips-body .modal-tip-content .tip-flag:before {
        content: "\e6ea";
    }

.dialog-tips-refresh .dialog-tips-body .modal-tip-content .tip-text {
    font-size: 16px;
    color: #333;
    text-align: center;
    width: auto;
    max-height: none;
    overflow: hidden;
}

    .dialog-tips-refresh .dialog-tips-body .modal-tip-content .tip-text .refresh-btn {
        margin: 27px 0 24px;
        height: 40px;
        line-height: 40px;
        width: 316px;
        font-size: 14px;
        color: #FFF;
    }

.dialog-tips-refresh .dialog_footer {
    display: none;
}

.modal-topNbottomN-wrap {
    padding-top: 20px;
}

    .modal-topNbottomN-wrap .querystring {
        display: inline-block;
        max-width: 100%;
        height: 22px;
        line-height: 20px;
        background: #E5F1FF;
        border: 1px solid #69C;
        border-radius: 12px;
        padding: 0 6px;
        margin-top: 3px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        cursor: pointer;
    }

.functionList-container {
    display: -webkit-flex;
    display: flex;
    flex-flow: column nowrap;
    flex-direction: column;
    flex: 1;
    min-height: 200px;
}

    .functionList-container .functionList-sel {
        display: -webkit-flex;
        display: flex;
        flex-flow: rows nowrap;
        flex-direction: rows;
        flex: 1;
    }

        .functionList-container .functionList-sel > div {
            display: -webkit-flex;
            display: flex;
            flex-flow: column nowrap;
            flex-direction: column;
            flex: 1;
        }

        .functionList-container .functionList-sel .function-head {
            height: 36px;
        }

        .functionList-container .functionList-sel .category-name {
            font-size: 14px;
            line-height: 36px;
            font-weight: 700;
        }

        .functionList-container .functionList-sel .category-form {
            padding-top: 5px;
        }

            .functionList-container .functionList-sel .category-form p {
                float: right;
                margin-bottom: 0;
            }

                .functionList-container .functionList-sel .category-form p button {
                    width: 50px;
                    height: 26px;
                }

        .functionList-container .functionList-sel .function-categories {
            padding-right: 5px;
        }

        .functionList-container .functionList-sel .function-names {
            padding-left: 5px;
            flex: 1;
        }

        .functionList-container .functionList-sel .function-args {
            position: relative;
            padding-left: 5px;
            flex: 3;
        }

            .functionList-container .functionList-sel .function-args .function-head {
                -webkit-flex-direction: row;
                display: flex;
                flex-direction: row;
            }

                .functionList-container .functionList-sel .function-args .function-head div.category-form, .functionList-container .functionList-sel .function-args .function-head div.category-name {
                    -webkit-flex: 1 1 auto;
                    flex: 1 1 auto;
                }

        .functionList-container .functionList-sel select {
            flex: 1;
        }

    .functionList-container .function-desc {
        height: 70px;
        margin: 5px 0;
        line-height: 1.6em;
        color: #999;
        overflow: auto;
    }

        .functionList-container .function-desc b {
            color: #222;
        }

.dialog-cellLink {
    padding: 0 0 8px 10px;
}

    .dialog-cellLink .cellLink-desc, .dialog-cellLink .cellLink-url {
        margin-top: 10px;
    }

        .dialog-cellLink .cellLink-desc span, .dialog-cellLink .cellLink-url span {
            display: inline-block;
            margin-right: 5px;
        }

        .dialog-cellLink .cellLink-desc input, .dialog-cellLink .cellLink-url input {
            width: 88%;
        }

    .dialog-cellLink .cellLink-config {
        margin-top: 10px;
    }

        .dialog-cellLink .cellLink-config label {
            display: inline-block;
            margin: 0 20px 0 0;
        }

            .dialog-cellLink .cellLink-config label > input, .dialog-cellLink .cellLink-config label > span {
                vertical-align: middle;
                margin: 0;
            }

            .dialog-cellLink .cellLink-config label > span {
                margin-left: 5px;
            }

#pleaseWait {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255,255,255,.1);
    z-index: 2010;
    cursor: wait;
    transition: background .8s;
}

    #pleaseWait > .waiticon {
        display: none;
        width: 100px;
        height: 100px;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }

        #pleaseWait > .waiticon::selection {
            background: 0 0;
        }

        #pleaseWait > .waiticon .words {
            position: absolute;
            left: 30px;
            top: 42px;
            font-size: 14px;
            color: #CCC;
        }

        #pleaseWait > .waiticon > .sicon {
            font-size: 60px;
            color: #EEE;
        }

    #pleaseWait.dblclicked {
        background: rgba(255,255,255,.5);
        cursor: wait;
    }

        #pleaseWait.dblclicked > .waiticon {
            display: block;
        }

.overlay-black {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999;
    background: rgba(0,0,0,.5);
}

#c-overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999;
    background: rgba(255,255,255,.5);
}

.loading {
    position: fixed;
    min-width: 400px;
    height: 150px;
    left: 50%;
    top: 50%;
    margin-left: -100px;
    z-index: 10000;
    background: #FFF;
    padding: 20px;
    border: 1px solid #CCC;
    border-radius: 3px;
    box-shadow: 2px 2px 4px rgba(0,0,0,.1);
    margin-top: -75px;
}

    .loading .loading-inner {
        color: #333;
        font-size: 16px;
        text-align: center;
        margin-top: 16px;
    }

    .loading .loading-logo {
        background: url(../images/worksheet_white_64.gif) center no-repeat;
        height: 64px;
    }

#query-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1000;
    background: rgba(255,255,255,.5);
}

.queryStatus {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 400px;
    height: 154px;
    z-index: 2000;
    padding: 20px;
    background: #FFF;
    border-radius: 4px;
    box-shadow: 0 0 15px rgba(0,0,0,.4);
    font-size: 16px;
    color: #333;
    margin: auto;
}

    .queryStatus .pic {
        background: url(../images/worksheet_white_64.gif) center no-repeat;
        height: 64px;
    }

    .queryStatus .status {
        margin: 10px 0;
        color: #999;
        font-size: 14px;
    }

        .queryStatus .status .status-value {
            float: right;
        }

        .queryStatus .status em {
            font-style: normal;
        }

    .queryStatus .spacebar {
        position: relative;
        height: 8px;
        background: #EDEDED;
        margin-right: 20px;
    }

        .queryStatus .spacebar .progress {
            display: inline-block;
            position: absolute;
            left: 0;
            top: 0;
            width: 1%;
            transition: width .3s .3s;
            height: 8px;
            background: #1DCD6D;
        }

    .queryStatus .canncel {
        float: right;
        position: relative;
        right: 0;
        top: -15px;
    }

        .queryStatus .canncel i {
            font-size: 16px;
            color: #999;
            cursor: pointer;
        }

.ztree li {
    line-height: 16px;
}

    .ztree li span {
        line-height: 18px;
        border-radius: 0;
    }

    .ztree li a.curSelectedNode {
        height: 19px;
        border-radius: 2px;
        padding: 0 4px;
    }

    .ztree li span.button.ico_close, .ztree li span.button.ico_open {
        background: url(../images/icon_tree.png) no-repeat;
        width: 17px;
        height: 16px;
        margin-right: 3px;
    }

    .ztree li span.button.ico_open {
        background-position: -87px 2px !important;
    }

    .ztree li span.button.ico_close {
        background-position: -108px 2px !important;
    }

    .ztree li span.button.index_report_ico_close, .ztree li span.button.index_report_ico_docu, .ztree li span.button.index_report_ico_open, .ztree li span.button.olap_report_ico_close, .ztree li span.button.olap_report_ico_docu, .ztree li span.button.olap_report_ico_open, .ztree li span.button.page_ico_close, .ztree li span.button.page_ico_docu, .ztree li span.button.page_ico_open {
        background: url(../images/icon_tree.png) no-repeat;
        width: 17px;
        height: 16px;
        margin-right: 3px;
    }

    .ztree li span.button.olap_report_ico_close, .ztree li span.button.olap_report_ico_docu, .ztree li span.button.olap_report_ico_open {
        background-position: 0 0;
    }

    .ztree li span.button.index_report_ico_close, .ztree li span.button.index_report_ico_docu, .ztree li span.button.index_report_ico_open {
        background-position: -21px 0;
    }

    .ztree li span.button.page_ico_close, .ztree li span.button.page_ico_docu, .ztree li span.button.page_ico_open {
        background-position: -64px 0;
    }

.tree-loading:before {
    content: 'Loading ... ...';
    color: #9C9C9C;
    padding: 5px;
}

.float-layer {
    position: absolute;
    left: 650px;
    top: 33px;
    z-index: 102;
    background: #FFF;
    border-radius: 2px;
}

    .float-layer .float-layer-inner {
        width: 260px;
        padding: 10px 0;
        margin: 0;
        border-radius: 2px;
        background: #FFF;
        box-shadow: 0 0 16px rgba(0,0,0,.5);
        border: 1px solid #999;
    }

    .float-layer.float-fast-save {
        left: 38%;
        top: 33px;
    }

        .float-layer.float-fast-save .layer-row {
            margin-top: 8px;
            padding-left: 10px;
        }

            .float-layer.float-fast-save .layer-row:first-child {
                margin-top: 0;
            }

            .float-layer.float-fast-save .layer-row label {
                margin-bottom: 0;
            }

                .float-layer.float-fast-save .layer-row label input {
                    width: 200px;
                    height: 26px;
                    border: 1px solid #B8B9BA;
                    border-radius: 4px;
                    padding: 0 5px;
                    outline: 0;
                }

                .float-layer.float-fast-save .layer-row label select {
                    width: 200px;
                    height: 26px;
                    padding: 0 6px;
                    background-color: #FFF;
                }

            .float-layer.float-fast-save .layer-row .name {
                display: inline-block;
                margin-right: 5px;
                color: #666;
            }

        .float-layer.float-fast-save .layer-foot {
            text-align: right;
            padding-right: 10px;
            padding-top: 10px;
        }

.RepositoryObjects {
    margin: 0;
    padding: 0;
}

    .RepositoryObjects li {
        cursor: pointer;
        line-height: 17px;
        list-style-type: none;
        margin: 0;
        padding-bottom: 1px;
        padding-top: 1px;
    }

        .RepositoryObjects li.query {
            margin-left: 3px;
        }

            .RepositoryObjects li.query.selected {
                background: #F0F0F0;
            }

            .RepositoryObjects li.query .icon {
                padding: 1px 8px;
                margin-right: 4px;
            }

        .RepositoryObjects li a {
            color: #222;
            text-decoration: none;
        }

            .RepositoryObjects li a:hover {
                background: #F0F0F0;
            }

        .RepositoryObjects li .sprite.folder {
            background-position: -1538px -95px;
            cursor: pointer;
            padding: 5px 17px;
        }

            .RepositoryObjects li .sprite.folder.collapsed {
                background-position: -1406px -95px;
                cursor: pointer;
                padding: 5px 17px;
            }

    .RepositoryObjects > li {
        height: 100%;
        overflow: auto;
    }

    .RepositoryObjects ul.folder_content {
        margin-top: 5px;
    }

    .RepositoryObjects .folder_row.selected {
        background: #F0F0F0;
    }

.dialog_body .RepositoryObjects {
    padding: 10px;
    border: 1px solid #D7D7D7;
    overflow: auto;
}

#save_query_form {
    padding: 0 10px;
}

    #save_query_form [name=name] {
        width: 100%;
        margin: 10px 0 5px;
    }

    #save_query_form .query_form_tip {
        line-height: 2em;
        color: #999;
    }

    #save_query_form .query_form_comment {
        width: 100%;
        margin: 5px 0 10px;
        padding: 8px;
        border: 1px solid #C3C3C3;
        border-top-color: #B5B5B5;
        border-radius: 3px;
    }

#high_query_wrapper {
    flex: 1;
    overflow: auto;
}

    #high_query_wrapper .high_query .high_query_branch {
        padding: 20px 0;
    }

    #high_query_wrapper .high_query .relation_type {
        float: left;
        display: inline-block;
        min-width: 105px;
    }

        #high_query_wrapper .high_query .relation_type span {
            position: relative;
            display: inline-block;
            transition: all .3s;
        }

        #high_query_wrapper .high_query .relation_type .relation_type_select {
            background-position: 70px -2568px;
            width: 93px;
            padding-left: 3px;
        }

    #high_query_wrapper .high_query .relation_content {
        position: relative;
        display: inline-block;
        margin-left: 20px;
        padding-left: 20px;
        border-left: 1px solid #CCC;
    }

        #high_query_wrapper .high_query .relation_content:after, #high_query_wrapper .high_query .relation_content:before {
            position: absolute;
            left: -1px;
            content: ' ';
            width: 14px;
            height: 15px;
            background-color: #FFF;
        }

        #high_query_wrapper .high_query .relation_content:before {
            top: -1px;
            border-bottom: 1px solid #CCC;
        }

        #high_query_wrapper .high_query .relation_content:after {
            bottom: -3px;
            border-top: 1px solid #CCC;
        }

        #high_query_wrapper .high_query .relation_content > .high_query_branch .relation_type span:before {
            position: absolute;
            left: -20px;
            content: ' ';
            width: 14px;
            height: 15px;
            background-color: #FFF;
            top: -2px;
            border-bottom: 1px solid #CCC;
        }

    #high_query_wrapper .high_query .query_condition {
        position: relative;
        margin-bottom: 10px;
        min-width: 500px;
    }

        #high_query_wrapper .high_query .query_condition:before {
            position: absolute;
            left: -20px;
            content: ' ';
            width: 14px;
            height: 15px;
            background-color: #FFF;
            top: -1px;
            border-bottom: 1px solid #CCC;
        }

        #high_query_wrapper .high_query .query_condition .item {
            display: inline-block;
        }

        #high_query_wrapper .high_query .query_condition .condition_label {
            color: #888;
            margin-right: 3px;
        }

        #high_query_wrapper .high_query .query_condition .ico-adl-del {
            margin-left: -10px;
        }

        #high_query_wrapper .high_query .query_condition .condition_input, #high_query_wrapper .high_query .query_condition .condition_select {
            width: 120px;
            margin-right: 10px;
            box-shadow: inset 0 1px 1px rgba(0,0,0,.07);
            border: 1px solid #BBB;
            border-radius: 3px;
            color: #555;
        }

            #high_query_wrapper .high_query .query_condition .condition_input[readonly] {
                box-shadow: 0 0 6px #DBD7D7 inset;
                padding: 2px 5px;
                color: #888;
                height: auto;
                cursor: pointer;
            }

        #high_query_wrapper .high_query .query_condition .condition_select {
            padding: 0 20px 0 5px;
            background-position: 97px -2568px;
        }

    #high_query_wrapper .high_query .query_buttons {
        position: relative;
    }

        #high_query_wrapper .high_query .query_buttons:before {
            position: absolute;
            width: 20px;
            height: 1px;
            border-bottom: 1px solid #CCC;
        }

        #high_query_wrapper .high_query .query_buttons span.qbtn {
            padding: 2px 6px;
            color: #FFF;
            cursor: pointer;
            white-space: nowrap;
        }

        #high_query_wrapper .high_query .query_buttons .query_tip {
            padding: 3px 6px;
            border-radius: 3px;
            color: red;
            background: #FAD397;
            opacity: .8;
        }

    #high_query_wrapper .high_query select {
        height: 24px;
        -webkit-appearance: none;
        background: url(../images/icon2.png) 177px -2568px no-repeat;
        border-radius: 3px;
        border: 1px solid #B8B9BA;
        border-top-color: #A0A1A3;
    }

        #high_query_wrapper .high_query select:hover {
            box-shadow: 0 0 5px #CCC;
        }

    #high_query_wrapper .ico-adl-del {
        cursor: pointer;
    }

    #high_query_wrapper .query-footer {
        border-top: 1px solid #CCC;
        padding-top: 10px;
    }

        #high_query_wrapper .query-footer .query-footer-buttons {
            text-align: right;
        }

.ui-overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 101;
    background: #FFF;
    opacity: .4;
}

.fields_list_header:after {
    content: '' !important;
}

.high-query-column {
    flex: 1;
}

    .high-query-column ul {
        margin: 0;
        padding: 0;
    }

        .high-query-column ul li {
            background: #E5F1FF;
            border: 1px solid #69C;
            border-radius: 12px;
            padding: 0 2px 0 6px;
            overflow: hidden;
            height: 20px;
            line-height: 18px;
            display: -webkit-flex;
            display: flex;
        }

            .high-query-column ul li.status-add {
                width: 77px;
            }

    .high-query-column .high-query-add {
        display: inline-block;
        color: #333;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        cursor: pointer;
        flex: 1;
    }

    .high-query-column .high-query-remove {
        position: relative;
        visibility: visible;
        width: 16px;
        cursor: pointer;
    }

    .high-query-column .sicon-close {
        background: #69C;
        border-radius: 100%;
        font-size: 12px;
        padding: 1px;
        color: #FFF;
        top: 0;
        right: -1px;
        cursor: pointer;
    }

        .high-query-column .sicon-close:hover {
            color: #699EBD;
        }

.fields_list_header_filter {
    cursor: pointer;
}

.highquery-convert {
    position: absolute;
    left: 221px;
    top: 101px;
    z-index: 8;
    background: #F8F8F8;
    padding: 5px 10px;
    border: 1px solid #CCC;
    box-shadow: 1px 6px 8px #BBB;
    font-weight: 700;
    cursor: pointer;
}

    .highquery-convert:hover {
        background: #EEE;
    }

.button {
    cursor: pointer;
}

.filter {
    position: relative;
}

.mark-dialog .rule-list {
    border: 1px solid #CCC;
    margin-bottom: 5px;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 400px;
}

.mark-dialog ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .mark-dialog ul li.rule {
        box-sizing: content-box;
        border-bottom: 1px solid #DDD;
        min-height: 39px;
    }

        .mark-dialog ul li.rule:last-child {
            border-bottom: none;
        }

        .mark-dialog ul li.rule.expand {
            background-color: #F9F9F9;
        }

        .mark-dialog ul li.rule .label {
            padding: 9px 15px;
        }

.mark-dialog .label div, .mark-dialog span {
    display: inline-block;
}

.mark-dialog .label:hover {
    background-color: #F6F6F6;
}

.mark-dialog .rule.expand .label:hover {
    background-color: #F9F9F9;
}

.mark-dialog .label-text {
    font-size: 12px;
    color: #333;
    width: 130px;
    overflow: hidden;
    padding-right: 5px;
}

.mark-dialog .label .blank {
    margin-left: 5px;
    font-size: 12px;
    float: right;
}

    .mark-dialog .label .blank span {
        display: inline-block;
        font-weight: 400;
        font-style: normal;
    }

    .mark-dialog .label .blank i:after {
        display: inline-block;
        font-family: icomoon;
        font-weight: 400;
        font-style: normal;
    }

    .mark-dialog .label .blank .icon-blank i:after {
        content: '\e6e1';
        color: #999;
    }

    .mark-dialog .label .blank .icon-arraw i:after {
        content: '\e67a';
        color: #289DE9;
        transform: rotate(90deg);
    }

.mark-dialog .label .label-area {
    font-size: 12px;
    color: #999;
    width: 150px;
    overflow: hidden;
}

.mark-dialog .label .label-icon i {
    font-family: icomoon;
    font-style: normal;
    cursor: pointer;
    padding-right: 5px;
    font-size: 16px;
    color: #666;
}

    .mark-dialog .label .label-icon i:hover {
        color: #f15e5e;
    }

    .mark-dialog .label .label-icon i.icon-delete {
        visibility: hidden;
    }

        .mark-dialog .label .label-icon i.icon-delete:after {
            content: '\e667';
        }

    .mark-dialog .label .label-icon i.icon-expand:after {
        content: '\e639';
    }

.mark-dialog .label:hover .label-icon i.icon-delete {
    visibility: visible;
}

.mark-dialog .expand .label-icon i.icon-expand:after {
    content: '\e63c';
}

.mark-dialog .config {
    display: none;
    padding: 0 15px 10px;
}

.mark-dialog .rule.expand .config {
    display: block;
}

.mark-dialog .config .tab-pane {
    border: 1px solid #289DE9;
    border-radius: 5px;
    overflow: hidden;
}

    .mark-dialog .config .tab-pane span {
        width: 33%;
        text-align: center;
        float: left;
        color: #289DE9;
        padding: 5px;
        cursor: pointer;
        border-right: 1px solid #289DE9;
    }

        .mark-dialog .config .tab-pane span.selected {
            color: #FFF;
            background-color: #289DE9;
            border-right: none;
        }

        .mark-dialog .config .tab-pane span.last {
            border-right: none;
            width: 34%;
        }

.mark-dialog .config .tab-content {
    display: none;
    padding-top: 10px;
}

    .mark-dialog .config .tab-content.selected {
        display: block;
    }

.mark-dialog .config .chart input, .mark-dialog .config .compare input {
    border: 1px solid #C3C3C3;
    border-top-color: #B5B5B5;
    border-radius: 3px;
    height: 26px;
    margin: 0 5px 0 0;
    color: #666;
    padding-left: 2px;
}

.mark-dialog .config .chart .value .end, .mark-dialog .config .chart .value .split, .mark-dialog .config .compare .value .end, .mark-dialog .config .compare .value .split {
    display: none;
}

.mark-dialog .config .chart .value .start, .mark-dialog .config .compare .value .start {
    margin: 0;
    width: 170px;
}

.mark-dialog .config .chart .value.area .end, .mark-dialog .config .chart .value.area .start, .mark-dialog .config .compare .value.area .end, .mark-dialog .config .compare .value.area .start {
    width: 72px;
    display: inline-block;
}

.mark-dialog .config .chart .value.area .split, .mark-dialog .config .compare .value.area .split {
    display: inline-block;
}

.mark-dialog .config .chart .option, .mark-dialog .config .compare .option {
    margin-top: 10px;
}

.mark-dialog .config .tab-content .panel {
    border: 1px solid #DDD;
    border-radius: 5px;
    margin-right: 10px;
    width: 165px;
    float: left;
}

    .mark-dialog .config .tab-content .panel.right {
        margin-right: 0;
    }

    .mark-dialog .config .tab-content .panel div {
        padding: 5px;
        background-color: #EEE;
        border-bottom: 1px solid #DDD;
        color: #999;
    }

    .mark-dialog .config .tab-content .panel ul {
        padding: 0;
        margin: 0;
        background-color: #FFF;
        height: 135px;
        border-radius: 0 0 5px 5px;
    }

        .mark-dialog .config .tab-content .panel ul li {
            padding-top: 3px;
            color: #666;
        }

            .mark-dialog .config .tab-content .panel ul li:hover {
                background-color: #f6f6f6;
            }

            .mark-dialog .config .tab-content .panel ul li input {
                margin: 0 10px;
            }

            .mark-dialog .config .tab-content .panel ul li .custom {
                margin: 0;
                width: 100px;
            }

            .mark-dialog .config .tab-content .panel ul li label {
                width: 100%;
                cursor: pointer;
            }

.mark-dialog .config .select2-search {
    display: none;
}

.mark-dialog .addItem {
    width: 100%;
    text-align: center;
    border: 1px solid #ccc;
    background-color: #e9e9e9;
    color: #666;
    padding: 3px;
    font-size: 14px;
    border-radius: 3px;
    margin-top: 20px;
    cursor: pointer;
}

    .mark-dialog .addItem:hover {
        background: #289DE9;
        border-color: #289DE9;
        color: #FFF;
    }

.chinese {
    margin: 0 -2px -1px;
}

.modal-chinese table {
    margin: 5px auto;
    border-collapse: collapse;
    background-color: #EEE;
    table-layout: fixed;
}

.modal-chinese tbody {
    display: table-row-group;
}

.modal-chinese td {
    border: 1px solid #D8D8D8;
    padding: 0 2px;
    display: table-cell;
    vertical-align: inherit;
    text-align: center;
}

    .modal-chinese td span {
        width: 100%;
        height: 18px;
        display: inline-block;
        cursor: text;
        margin: -2px;
    }

        .modal-chinese td span em {
            color: #666;
            font-style: normal;
        }

        .modal-chinese td span i, .modal-chinese td span input {
            display: none;
        }

        .modal-chinese td span.disabled {
            cursor: not-allowed;
        }

            .modal-chinese td span.disabled em {
                color: #9E9E9E;
                cursor: not-allowed;
            }

        .modal-chinese td span.edit {
            color: #666;
            text-align: left;
        }

            .modal-chinese td span.edit em {
                display: none;
            }

            .modal-chinese td span.edit input {
                height: 17px !important;
                margin-top: 1px;
                width: 100%;
                display: inline-block;
                outline: 0;
            }

    .modal-chinese td.preview {
        border: 1px solid #6AD1BA;
        background-color: #D1F3EB;
    }

        .modal-chinese td.preview .chinese path {
            stroke: #6ad1ba;
        }

        .modal-chinese td.preview .chinese text {
            fill: #666;
        }

.modal-star .item-list {
    margin-bottom: 10px;
    min-height: 300px;
    max-height: 300px;
    overflow-y: auto;
}

    .modal-star .item-list table {
        border-bottom: 1px solid #BBB;
    }

    .modal-star .item-list thead {
        border-top: 1px solid #BBB;
        border-bottom: 1px solid #BBB;
        font-size: 14px;
        color: #666;
    }

        .modal-star .item-list thead th {
            text-align: center;
            padding: 4px;
        }

    .modal-star .item-list tbody tr.border {
        border-top: 1px solid #CCC;
    }

    .modal-star .item-list tbody tr.even {
        background-color: #F9F9F9;
    }

    .modal-star .item-list tbody tr td {
        padding: 4px 0;
    }

        .modal-star .item-list tbody tr td i {
            font-style: normal;
            cursor: pointer;
        }

        .modal-star .item-list tbody tr td .icon-delete:after {
            content: '\e667';
        }

        .modal-star .item-list tbody tr td .icon-delete:hover {
            color: #F05E5E;
        }

        .modal-star .item-list tbody tr td .icon-add:after {
            content: '\e607';
        }

        .modal-star .item-list tbody tr td .icon-add:hover {
            color: #40DD5A;
        }

    .modal-star .item-list .line {
        background: url(../images/star-sprite.png) no-repeat;
        background-position-x: 100px;
    }

        .modal-star .item-list .line.left {
            background-position-x: 0;
            background-position-y: 100px;
        }

        .modal-star .item-list .line.right {
            background-position-x: -35px;
            background-position-y: 100px;
        }

        .modal-star .item-list .line.head {
            background-position-y: 17px;
        }

        .modal-star .item-list .line.middle {
            background-position-y: -62px;
        }

        .modal-star .item-list .line.tail {
            background-position-y: -140px;
        }

    .modal-star .item-list .link {
        height: 5px;
        width: 10px;
        display: inline-block;
        background-position-x: 0;
        background-position-y: -159px;
    }

    .modal-star .item-list .addItem {
        width: 100%;
        text-align: center;
        border: 1px solid #CCC;
        background-color: #E9E9E9;
        color: #666;
        padding: 3px;
        font-size: 14px;
        border-radius: 3px;
        cursor: pointer;
        margin: 10px 0;
    }

        .modal-star .item-list .addItem:hover {
            background: #289DE9;
            border-color: #289DE9;
            color: #FFF;
        }

.edge {
    background: #E9E9E9;
    padding: 0 10px;
    margin: 0;
}

.authority-title {
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    font-weight: 700;
    background: #E9E9E9;
    padding: 0 10px;
    margin: 0;
}

    .authority-title i {
        float: right;
        margin-top: 10px;
    }

        .authority-title i:hover {
            opacity: .8;
        }

.authority-dialog {
    -webkit-user-select: none;
    background: #FFF;
    border: 1px solid #CBCBCB;
    box-shadow: -3px 2px 5px #ccc;
    border-radius: 3px;
    z-index: 1000;
}

.toolbar-authority-dialog {
    position: absolute;
    left: 50%;
    top: 25%;
    width: 600px;
    margin-left: -300px;
    -webkit-user-select: none;
    background: #FFF;
    border: 1px solid #CBCBCB;
    box-shadow: -3px 2px 5px #ccc;
    border-radius: 3px;
    z-index: 1000;
}

    .toolbar-authority-dialog .authority-list {
        padding: 20px;
        max-height: 300px;
        overflow: auto;
    }

        .toolbar-authority-dialog .authority-list table {
            width: 100%;
            border: 1px solid #CBCBCB;
            border-bottom: 0 none;
        }

            .toolbar-authority-dialog .authority-list table th {
                background: #F9F9F9;
                border-top: 1px solid #CBCBCB;
            }

            .toolbar-authority-dialog .authority-list table tr td:last-child {
                cursor: pointer;
            }

            .toolbar-authority-dialog .authority-list table td, .toolbar-authority-dialog .authority-list table th {
                padding: 10px;
                border-bottom: 1px solid #CBCBCB;
            }

            .toolbar-authority-dialog .authority-list table tr:nth-child(odd) {
                background-color: #F8F8F8;
            }

            .toolbar-authority-dialog .authority-list table tr:hover {
                background-color: #E2F3FF;
            }

.authority-detail-dialog {
    -webkit-user-select: none;
    border: 1px solid #CBCBCB;
    box-shadow: -3px 2px 5px #ccc;
    border-radius: 3px;
    z-index: 1000;
    z-index: 1001;
    position: absolute;
    width: 400px;
    margin-left: -200px;
    left: 50%;
    top: 20%;
    background: #FFF;
}

    .authority-detail-dialog .authority-detail-content {
        padding: 20px;
        background: #FFF;
    }

    .authority-detail-dialog .authority-menu {
        display: -webkit-flex;
        display: flex;
        border: 1px solid #1C9AEB;
        border-radius: 3px;
        font-size: 0;
        padding: 0;
    }

        .authority-detail-dialog .authority-menu li {
            flex: 1;
            font-size: 12px;
            text-align: center;
            background: #FFF;
            height: 30px;
            line-height: 30px;
        }

            .authority-detail-dialog .authority-menu li.hover {
                background: #1C9AEB;
                color: #FFF;
            }

            .authority-detail-dialog .authority-menu li.disabled {
                background: #CCC;
            }

    .authority-detail-dialog .authority-list {
        border: 1px solid #CBCBCB;
        padding: 0;
        margin-bottom: 0;
        min-height: 180px;
    }

        .authority-detail-dialog .authority-list li label {
            padding: 0 10px;
            display: block;
            height: 30px;
            line-height: 30px;
            margin-bottom: 0;
        }

            .authority-detail-dialog .authority-list li label input[type=radio] {
                margin-right: 10px;
            }

            .authority-detail-dialog .authority-list li label:hover {
                background-color: #E1F3FF;
            }

.btns-list {
    background: #E9E9E9;
    margin: 0;
    padding: 5px;
}

    .btns-list button {
        height: 26px;
        line-height: 26px;
        float: right;
        padding: 0 15px;
        margin-left: 10px;
        background: #F8F8F8;
        border-radius: 3px;
        border: 1px solid #CBCBCB;
        outline: 0;
    }

        .btns-list button.hover, .btns-list button:hover {
            border-color: transparent;
            background: #289CE8;
            color: #FFF;
        }

.dialog_selections .dialog_body .field .field-select input, .dialog_selections .dialog_body .field .field-select select {
    width: 80px;
}

.calendar-wrap {
    display: -webkit-flex;
    display: flex;
    flex-flow: column nowrap;
    flex-direction: column;
    flex: 1;
}

    .calendar-wrap .field {
        padding-top: 20px;
        padding-left: 10px;
    }

        .calendar-wrap .field .dateTypes > span {
            display: inline-block;
            padding: 5px;
            background: #EEE;
            cursor: pointer;
        }

            .calendar-wrap .field .dateTypes > span.active {
                background: #30ADF2;
                color: #FFF;
            }

        .calendar-wrap .field label {
            margin-bottom: 0;
        }

    .calendar-wrap .dateRegionSwitch {
        padding-left: 10px;
        padding-top: 10px;
    }

.dialog_calendar .date-list {
    width: 500px;
}

.dialog_calendar .title {
    font-weight: 800;
}

.dialog_calendar .field {
    margin: 0 10px;
    padding: 5px;
}

.dialog_calendar .tip {
    margin: 0 10px;
}

.dialog_calendar .date-list button {
    width: 230px;
    float: left;
    display: inline-block;
    margin: 5px 10px;
    padding: 5px;
}

.dialog_calendar .date-range {
    padding: 2px;
    width: 480px;
    border: 1px solid #CCC;
    margin: 0 10px;
    border-radius: 5px;
    background-color: #F9F9F9;
}

    .dialog_calendar .date-range div {
        float: left;
        margin: 0 20px;
    }

        .dialog_calendar .date-range div input, .dialog_calendar .date-range div select {
            width: 50px;
            height: 26px;
            border: 1px solid #C3C3C3;
            border-top-color: #B5B5B5;
            border-radius: 3px;
            padding: 0 8px;
        }

.dialog_calendar .selected {
    border: 1px solid #40DD5A;
    background-color: #D8F7DD;
}

#te_fullgrid {
    table-layout: fixed;
}

    #te_fullgrid td {
        overflow: hidden;
    }

.formulabar {
    border-bottom: 1px solid #D4D4D4;
    height: 26px;
    position: relative;
    background: #FAFAFA;
    color: #737373;
}

    .formulabar input[type=text]:not(.form-control) {
        width: 100% !important;
        height: 26px;
        font-size: 12px;
        margin-bottom: 0;
        padding: 2px 2px 2px 38px;
        vertical-align: middle;
        border: none;
        background: 0 0;
        outline: 0;
        box-shadow: none;
        color: #737373;
    }

    .formulabar .formulabar-fx {
        position: absolute;
        width: 33px;
        height: 21px;
        left: 0;
        top: 2px;
        border-right: 1px solid #C7C8C9;
        cursor: pointer;
    }

        .formulabar .formulabar-fx > span {
            float: left;
        }

        .formulabar .formulabar-fx .sicon-fx {
            left: 5px;
            top: 3px;
            font-size: 14px;
        }

        .formulabar .formulabar-fx .sicon-arrow-bottom {
            left: 3px;
            top: 5px;
            font-size: 12px;
            -webkit-transform: scale(0.8);
        }

.slide-result {
    position: absolute;
    z-index: 999;
    background-color: #FFF;
}

#te_griddiv table tr td {
    padding: 0 2px;
}

.social-table > tbody > tr:nth-child(even) {
    background-color: rgba(0,0,0,.05);
}

.social-table > tbody.mod2 > tr:nth-child(even), .social-table > tbody > tr:nth-child(odd) {
    background-color: transparent;
}

.social-table > tbody.mod2 > tr:nth-child(odd) {
    background-color: rgba(0,0,0,.05);
}

#te_fullgrid > tbody > tr:nth-child(2) > td:nth-child(1) {
    background: #eee;
}

.social-top {
    position: relative;
}

    .social-top .resizebar {
        position: absolute;
        z-index: 9;
        min-width: 9px;
        min-height: 9px;
        border: 1px solid #8DB2C4;
        background-color: rgba(99,222,252,.45);
    }

    .social-top .column-resizebar {
        cursor: col-resize;
    }

    .social-top .row-resizebar {
        cursor: row-resize;
    }

    .social-top .drag-handle {
        display: none;
        position: absolute;
        z-index: 8;
        border: 1px solid #FFF;
        width: 7px;
        height: 7px;
        font-size: 1px;
        background-color: #289DE9;
        cursor: pointer;
    }

    .social-top .filling-tip {
        display: none;
        position: absolute;
        z-index: 9;
        border: 1px solid #F0D56A;
        width: auto;
        background-color: #FFFFED;
        box-shadow: 1px 1px 2px rgba(163,136,80,.2);
        padding: 0 4px;
    }

    .social-top .cells-wrap {
        position: relative;
        overflow: hidden;
        cursor: default;
    }

        .social-top .cells-wrap .social-table {
            user-select: none;
            -moz-user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none;
        }

            .social-top .cells-wrap .social-table td {
                border: 1px solid #D8D8D8;
            }

            .social-top .cells-wrap .social-table .column-header {
                font-size: 12px;
                text-align: center;
                color: #484848;
                border: 1px solid #d4d4d4;
                border-top: none;
                cursor: s-resize;
                background: #eee;
            }

            .social-top .cells-wrap .social-table .column-header-selected {
                font-size: 12px;
                text-align: center;
                color: #484848;
                border: 1px solid #bfbfbf;
                border-top: none;
                background: #c2c2c2;
            }

            .social-top .cells-wrap .social-table .row-header {
                font-size: 12px;
                text-align: center;
                color: #484848;
                background-color: #eee;
                border: 1px solid #d8d8d8;
                border-left: none;
                border-right: none;
                cursor: e-resize;
            }

            .social-top .cells-wrap .social-table .row-header-selected {
                font-size: 12px;
                text-align: center;
                color: #484848;
                background-color: #bdbdbd;
                border: 1px solid #bdbdbd;
                border-left: none;
                border-right: none;
            }

            .social-top .cells-wrap .social-table tbody .highlight-cell {
                background-color: #e3f4ff !important;
                outline: #289de9 solid 2px !important;
                border: none !important;
            }

            .social-top .cells-wrap .social-table tbody .highlight-range {
                background-color: #e3f4ff !important;
            }

        .social-top .cells-wrap .resize-grid-line {
            position: absolute;
            z-index: 8;
            overflow: hidden;
            font-size: 0;
            display: none;
        }

        .social-top .cells-wrap .resize-grid-line-column {
            top: 0;
            height: 100%;
            width: 0;
            border-right: 1px dotted #999;
        }

        .social-top .cells-wrap .resize-grid-line-row {
            left: 0;
            width: 100%;
            height: 0;
            border-bottom: 1px dotted #999;
        }

.socialcalc-dialog select.functionList-classed, .socialcalc-dialog select.functionList-members, .socialcalc-dialog select.functionList-params {
    height: auto !important;
}

.socialcalc-multiLine {
    border: 1px solid #D7D7D7;
    margin: 10px;
    padding: 8px;
}

.slb-social-top .cells-wrap .social-table {
    user-select: text;
    -moz-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
}

.social-table {
    height: 100%;
}

#te_tablecontrolh, #te_tablecontrolv {
    overflow: hidden;
    display: none;
    background: #FFF;
}

#te_tablecontrolv {
    border-left: 1px solid #A5A5A5;
    border-right: 1px solid #A5A5A5;
}

#te_tablecontrolh {
    border-top: 1px solid #A5A5A5;
    border-bottom: 1px solid #A5A5A5;
}

#te_endcaph, #te_endcapv {
    z-index: 1;
    position: absolute;
}

#te_panesliderh, #te_panesliderv {
    position: absolute;
    width: 20px;
    height: 9px;
    border: 1px solid #A6A6A6;
    z-index: 3;
    cursor: ns-resize;
}

    #te_panesliderh:after, #te_panesliderv:after {
        position: absolute;
        left: 0;
        top: 0;
        border: 2px solid #E2E2E2;
        width: 100%;
        height: 100%;
        content: '';
        display: block;
    }

#te_lessbuttonh, #te_lessbuttonv, #te_morebuttonh, #te_morebuttonv {
    position: absolute;
    width: 20px;
    height: 20px;
    border: 1px solid #A6A6A6;
    z-index: 2;
    overflow: hidden;
    cursor: pointer;
}

    #te_lessbuttonh:after, #te_lessbuttonv:after, #te_morebuttonh:after, #te_morebuttonv:after {
        position: absolute;
        content: '';
        left: 5px;
        top: 7px;
        border: 4px solid transparent;
        display: block;
    }

    #te_lessbuttonv:after {
        border-bottom-color: #AAA;
        border-top: none;
    }

    #te_lessbuttonv:hover:after {
        border-bottom-color: #333;
    }

    #te_morebuttonv:after {
        border-top-color: #AAA;
        border-bottom: none;
    }

    #te_morebuttonv:hover:after {
        border-top-color: #333;
    }

#te_scrollareah, #te_scrollareav {
    position: absolute;
    width: 20px;
    height: 20px;
    z-index: 1;
    overflow: hidden;
    cursor: pointer;
}

#te_thumbh, #te_thumbv {
    z-index: 2;
    overflow: hidden;
    position: absolute;
    width: 20px;
    height: 15px;
    border: 1px solid #A6A6A6;
    background-color: #CCC;
}

    #te_thumbh:after, #te_thumbv:after {
        position: absolute;
        left: 4px;
        top: 5px;
        content: '';
        width: 11px;
        height: 3px;
        border-top: 1px solid #AAA;
        border-bottom: 1px solid #AAA;
        cursor: ns-resize;
    }

    #te_thumbv:hover:after {
        border-top: 1px solid #333;
        border-bottom: 1px solid #333;
    }

#te_endcaph {
    border-bottom: 1px solid #A5A5A5;
    border-right: none;
    width: 25px;
}

#te_panesliderh {
    width: 9px;
    height: 20px;
    cursor: ew-resize;
}

#te_lessbuttonh:after, #te_morebuttonh:after {
    left: 7px;
    top: 5px;
}

#te_lessbuttonh:after {
    border-right-color: #AAA;
    border-left: none;
}

#te_lessbuttonh:hover:after {
    border-right-color: #333;
}

#te_morebuttonh:after {
    border-right: none;
    border-left-color: #AAA;
}

#te_morebuttonh:hover:after {
    border-left-color: #333;
}

#te_thumbh {
    width: 15px;
    height: 20px;
}

    #te_thumbh:after {
        left: 5px;
        top: 4px;
        width: 3px;
        height: 11px;
        border: none;
        border-left: 1px solid #AAA;
        border-right: 1px solid #AAA;
        cursor: ew-resize;
    }

    #te_thumbh:hover:after {
        border-left: 1px solid #333;
        border-right: 1px solid #333;
    }

.f0 {
    font-style: italic;
}

.f1 {
    font-weight: 800;
}

.f2 {
    color: #F15E5E;
}

.f3 {
    color: #40DE5A;
}

.f4 {
    color: #289DE9;
}

.f5 {
    color: #666;
}

.b0 {
    background-color: #F9BFBF;
}

.b1 {
    background-color: #FDDCAD;
}

.b2 {
    background-color: #FFEF9D;
}

.b3 {
    background-color: #DFF1A7;
}

.b4 {
    background-color: #A4E7D8;
}

.b5 {
    background-color: #A6D7F6;
}

.i0 i:after {
    display: inline-block;
    font-style: normal;
    margin: 0 3px;
    font-family: icomoon;
    content: "\e67a";
    color: #F15E5E;
    transform: rotate(180deg);
    font-size: 11px;
    font-weight: 400;
}

.i1 i:after {
    display: inline-block;
    font-style: normal;
    margin: 0 3px;
    font-family: icomoon;
    content: "\e67a";
    color: #40DE5A;
    font-size: 11px;
    font-weight: 400;
}

.i2 i:after {
    display: inline-block;
    font-style: normal;
    margin: 0 3px;
    font-family: icomoon;
    content: "\e675";
    color: #FBA731;
    font-size: 11px;
    font-weight: 400;
}

.i3 i:after {
    display: inline-block;
    font-style: normal;
    margin: 0 3px;
    font-family: icomoon;
    content: "\e6b7";
    color: #F15E5E;
    font-size: 11px;
    font-weight: 400;
}

.i4 i:after {
    display: inline-block;
    font-style: normal;
    margin: 0 3px;
    font-family: icomoon;
    content: "\e6b7";
    color: #40DE5A;
    font-size: 11px;
    font-weight: 400;
}

.i5 i:after {
    display: inline-block;
    font-style: normal;
    margin: 0 3px;
    font-family: icomoon;
    content: "\e6b7";
    color: #FBA731;
    font-size: 11px;
    font-weight: 400;
}

.pc {
    position: relative;
}

    .pc.p0 .pb {
        border-color: #F15E5E;
        background: -webkit-gradient(linear,0 0,100% 100%,from(#f79e9e),to(#feefea)) #f79e9e;
    }

    .pc.p1 .pb {
        border-color: #FBA731;
        background: -webkit-gradient(linear,0 0,100% 100%,from(#fdca83),to(#feedd6)) #fdca83;
    }

    .pc.p2 .pb {
        border-color: #FFD60A;
        background: -webkit-gradient(linear,0 0,100% 100%,from(#ffe66c),to(#ffffe3)) #ffe66c;
    }

    .pc.p3 .pb {
        border-color: #AFDD22;
        background: -webkit-gradient(linear,0 0,100% 100%,from(#cfeb7a),to(#eff8d3)) #cfeb7a;
    }

    .pc.p4 .pb {
        border-color: #1BC29D;
        background: -webkit-gradient(linear,0 0,100% 100%,from(#76dac4),to(#d1f3eb)) #76dac4;
    }

    .pc.p5 .pb {
        border-color: #289DE9;
        background: -webkit-gradient(linear,0 0,100% 100%,from(#7ec4f2),to(#e3f4ff)) #7ec4f2;
    }

    .pc .pb {
        position: absolute;
        top: 0;
        left: 0;
        height: calc(100% - 2px);
        margin: 1px 1px 1px 0;
        border: 1px solid;
        border-left: none;
        min-width: 1%;
        max-width: calc(100% - 2px);
        display: inline-block;
        opacity: .5;
    }

.social-logo {
    background: url(/socialcalc/images/sc-logo.gif) 2px 2px no-repeat;
}

.highlight-up {
    color: #FFF;
    background: url(/socialcalc/images/sc-cursorinsertup.gif) top left repeat-x #cfcfcf;
}

.highlight-left {
    color: #FFF;
    background: url(/socialcalc/images/sc-cursorinsertleft.gif) top left repeat-y #cfcfcf;
}

.highlight-range2 {
    color: #000;
    background: url(/socialcalc/images/sc-range2.gif) #fff;
}

.unhideBottom:after, .unhideLeft:after, .unhideRight:after, .unhideTop:after {
    display: block;
    position: absolute;
    content: '';
    border: 3px solid transparent;
}

.unhideLeft {
    position: relative;
    margin-right: -2px;
    float: right;
    width: 9px;
    height: 12px;
    cursor: pointer;
    background: #fff;
    padding: 0;
}

    .unhideLeft:after {
        left: 3px;
        top: 3px;
        border-right-color: #AAA;
        border-left: none;
    }

.unhideRight {
    position: relative;
    margin-left: -2px;
    float: left;
    width: 9px;
    height: 12px;
    cursor: pointer;
    background: #fff;
    padding: 0;
}

    .unhideRight:after {
        right: 3px;
        top: 3px;
        border-left-color: #AAA;
        border-right: none;
    }

.unhideTop {
    margin-left: -2px;
    float: left;
    position: absolute;
    bottom: 0;
    width: 12px;
    height: 9px;
    cursor: pointer;
    background: #fff;
    padding: 0;
}

    .unhideTop:after {
        left: 3px;
        top: 3px;
        border-bottom-color: #AAA;
        border-top: none;
    }

.unhideBottom {
    margin-left: -2px;
    float: left;
    width: 12px;
    height: 9px;
    cursor: pointer;
    background: #fff;
    padding: 0;
    position: relative;
}

    .unhideBottom:after {
        left: 3px;
        bottom: 3px;
        border-top-color: #AAA;
        border-bottom: none;
    }

.thumb-preview-v {
    height: 24px;
    width: auto;
    border: 3px solid gray;
    border-radius: 2px;
    overflow: hidden;
    background-Color: #FFF;
    position: absolute;
    z-Index: 100;
}

.thumb-preview-h {
    height: 20px;
    width: auto;
    border: 1px solid #000;
    padding: 2px;
    background-Color: #FFF;
    position: absolute;
    z-Index: 100;
}

.thumb-preview-r {
    color: #FFF;
    background-color: gray;
    white-space: nowrap;
    padding: 3px;
}

.social-top .cells-wrap .social-table .sicon.down, .social-top .cells-wrap .social-table .sicon.up {
    cursor: pointer;
    float: left;
    color: #289CE8;
}

.social-top .cells-wrap .social-table tbody tr:nth-child(3) td {
    border-top: 1px solid #d8d8d8;
}

.social-top .cells-wrap .social-table tbody tr:nth-child(2) {
    border-left: 1px solid #d8d8d8;
}

.display-flex {
    display: -webkit-flex;
    display: flex;
}

.layout-con {
    width: 100%;
    height: 100%;
    min-height: 550px;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
}

.layout-side {
    display: -webkit-flex;
    display: flex;
    flex: 1;
    height: 100%;
    background-color: rgba(255,255,255,.1);
    flex-direction: column;
}

.layout-main {
    display: -webkit-flex;
    display: flex;
    flex: 1;
    flex-direction: column;
    background-color: #fff;
    border-left: 1px solid #DDD;
}

.scrollbar::-webkit-scrollbar-track {
    background-color: transparent;
}

.scrollbar::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.scrollbar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: transparent;
}

.scrollbar:hover::-webkit-scrollbar-thumb {
    background-color: #999;
}

.bar-search .search-bar {
    float: right;
    padding: 15px 20px;
}

    .bar-search .search-bar span {
        height: 28px;
        display: inline-block;
        border-radius: 2px;
        padding: 0 15px;
        border: 1px solid #CCC;
    }

        .bar-search .search-bar span input {
            display: inline-block;
            border: none;
            height: 24px;
            line-height: 24px;
            padding: 0;
            outline: 0;
        }

            .bar-search .search-bar span input:focus {
                box-shadow: none;
            }

        .bar-search .search-bar span i {
            height: 28px;
            line-height: 28px;
            cursor: pointer;
        }

            .bar-search .search-bar span i.clear {
                display: inline-block;
                visibility: hidden;
                color: #CCC;
            }

                .bar-search .search-bar span i.clear:after {
                    content: "\e624";
                }

            .bar-search .search-bar span i.search:after {
                content: "\e626";
            }

        .bar-search .search-bar span.active .clear {
            visibility: visible;
        }

.grid-header .hd {
    background: #EEE;
}

    .grid-header .hd:hover {
        background-color: #EEE;
    }

    .grid-header .hd td {
        font-weight: 400;
        color: #999;
    }

        .grid-header .hd td i {
            cursor: pointer;
        }

        .grid-header .hd td .sort:after {
            color: transparent;
            margin-left: 4px;
            content: "\e6cf";
        }

        .grid-header .hd td .sort.desc:after {
            content: "\e632";
            color: #289DE9;
        }

        .grid-header .hd td .sort.asc:after {
            content: "\e631";
            color: #289DE9;
        }

        .grid-header .hd td .sort:hover:after {
            color: #999;
        }

        .grid-header .hd td .resize {
            visibility: hidden;
            cursor: col-resize;
            float: right;
            width: 10px;
            height: 22px;
            margin: 4px 0;
            border-right: 1px solid #CCC;
        }

        .grid-header .hd td:hover .sort:after {
            color: #999;
        }

        .grid-header .hd td:hover .resize {
            visibility: visible;
        }

.grid-table table {
    width: 100%;
    color: #666;
    table-layout: fixed;
}

.grid-table tbody {
    height: 100%;
    overflow-y: auto;
}

.grid-table tr:nth-child(even) {
    background-color: #EEE;
}

.grid-table tr.odd {
    background-color: transparent;
}

.grid-table tr.even {
    background-color: #EEE;
}

.grid-table tr:hover {
    background-color: #E3F4FF;
}

.grid-table tr.selected {
    background-color: #A6D7F6;
}

.grid-table td {
    vertical-align: middle;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    text-align: left;
    padding: 0 0 0 10px;
    overflow: hidden;
    word-break: keep-all;
    text-overflow: ellipsis;
    white-space: pre;
}

    .grid-table td:first-child {
        padding-left: 20px;
    }

    .grid-table td:last-child {
        text-align: right;
        padding-right: 20px;
    }

.bar-page .pagebar {
    float: right;
    padding: 10px 20px;
}

    .bar-page .pagebar ul {
        display: inline-block;
        border: 1px solid #DDD;
        border-radius: 3px;
        padding: 0;
    }

        .bar-page .pagebar ul li {
            cursor: pointer;
            width: 30px;
            height: 28px;
            line-height: 28px;
            text-align: center;
            border-right: 1px solid #DDD;
            display: inline-block;
        }

            .bar-page .pagebar ul li:last-child {
                border-right: none;
            }

            .bar-page .pagebar ul li.on {
                color: #F9F9F9;
                background-color: #289DE9;
            }

            .bar-page .pagebar ul li:hover {
                color: #F9F9F9;
                background-color: #53B1ED;
            }

            .bar-page .pagebar ul li.disabled {
                cursor: not-allowed;
                color: #666;
                background-color: #F9F9F9;
            }

    .bar-page .pagebar .total {
        margin: 0 5px;
    }

    .bar-page .pagebar .pagenum {
        width: 40px;
        height: 30px;
        padding: 0 5px;
        border-radius: 3px;
        border: 1px solid #DDD;
    }

.button button {
    background-color: #F9F9F9;
    border: 1px solid #CCC;
    border-radius: 3px;
    display: inline-block;
    color: #333;
    font-size: 12px;
    text-decoration: none;
    height: 30px;
    line-height: 22px;
    padding: 3px 10px;
    outline: 0;
    top: 0;
}

    .button button:hover {
        color: #F9F9F9;
        border: 1px solid #248CCF;
        background-color: #248CCF;
    }

    .button button.on {
        color: #F9F9F9;
        border: 1px solid #248CCF;
        background-color: #289DE9;
    }

    .button button.disabled {
        cursor: not-allowed;
        color: #666;
        border-color: #CCC;
        background-color: #F9F9F9;
    }

.oper-btn .oper {
    padding-right: 16px;
    display: none;
    cursor: pointer;
    color: #289DE9;
}

    .oper-btn .oper:hover {
        color: #53B1ED;
        text-decoration: underline;
    }

    .oper-btn .oper a {
        color: #289DE9;
    }

        .oper-btn .oper a:hover {
            color: #53B1ED;
            text-decoration: underline;
        }

.oper-btn .more {
    display: inline-block;
    color: #666;
}

    .oper-btn .more:before {
        content: "\e6a5";
    }

    .oper-btn .more:hover {
        color: #53B1ED;
        text-decoration: none;
    }

.nav-icon {
    font-family: icomoon;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .nav-icon.nav-logo:before {
        color: #FFF;
        content: "\e6e3";
    }

    .nav-icon.nav-logo-bg:before {
        color: #1bc29d;
        content: "\e91f";
    }

    .nav-icon.nav-worksheet:before {
        content: "\e6c9";
    }

    .nav-icon.nav-dashboard:before, .nav-icon.nav-product:before {
        content: "\e6db";
    }

    .nav-icon.nav-schema:before {
        content: "\e6c1";
    }

    .nav-icon.nav-datasource:before {
        content: "\e6ca";
    }

    .nav-icon.nav-file:before {
        content: "\e66b";
    }

    .nav-icon.nav-optimize:before {
        content: "\e612";
    }

    .nav-icon.nav-admin:before {
        content: "\e6ad";
    }

    .nav-icon.nav-console:before {
        font-family: dpc-console;
        content: "\e600";
    }

    .nav-icon.nav-user:before {
        font-family: dpc-console;
        content: "\e601";
    }

    .nav-icon.nav-help:before {
        font-family: dpc-console;
        content: "\e602";
    }

    .nav-icon.nav-project:before {
        font-family: dpc-console;
        content: "\e603";
    }

    .nav-icon.nav-chart:before {
        content: "\e6e9";
    }

.navigator-context-menu li a.icon-selected:before {
    font-family: dpc-console;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 16px;
    font-weight: 700;
    color: #71C671;
    vertical-align: top;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e605";
}

body {
    padding: 0;
    margin: 0;
    background-color: #172a3d;
}

.desktop {
    z-index: 2;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 550px;
    margin: 0 0 0 60px;
    background-color: rgba(255,255,255,.9);
}

    .desktop > .module {
        display: none;
        height: 100%;
        width: calc(100% - 60px);
    }

        .desktop > .module > .template {
            display: none;
        }

    .desktop > .dialog {
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        min-width: 400px;
        background-color: #FFF;
        border: 1px solid #AAA;
        border-radius: 4px;
        padding: 0;
        box-shadow: 0 4px 7px rgba(0,0,0,.1);
        outline: 0;
        z-index: 998;
        position: absolute;
        left: -1000px;
        top: -1000px;
    }

        .desktop > .dialog > .header {
            border: none;
            border-bottom: 1px solid #CCC;
            background: #E9E9E9;
            padding: 8px 5px 8px 10px;
            border-radius: 4px 4px 0 0;
            cursor: move;
            position: relative;
        }

            .desktop > .dialog > .header .title {
                float: left;
                font-size: 14px;
                font-weight: 700;
                line-height: 18px;
                margin: 0;
                text-shadow: 1px 1px 0 #FFF;
            }

            .desktop > .dialog > .header .close {
                color: #999;
                width: 16px;
                height: 16px;
                line-height: 16px;
                font-family: icomoon;
                font-size: 16px;
                font-style: normal;
                float: right;
                cursor: pointer;
            }

                .desktop > .dialog > .header .close:after {
                    content: "\e62d";
                }

        .desktop > .dialog > .content {
            position: relative;
            border: 0;
            padding: 0;
            background: 0 0;
            overflow: auto;
            zoom: 1;
        }

            .desktop > .dialog > .content > .body {
                width: auto;
                min-height: 100px;
                height: auto;
                padding: 6px 10px;
                overflow: auto;
            }

            .desktop > .dialog > .content > .footer {
                background-color: #E9E9E9;
                box-shadow: inset 0 15px 63px -6px rgba(75,105,180,.1);
                border-top: 1px solid #CCC;
                padding: 6px 10px;
                text-align: right;
                clear: both;
            }

                .desktop > .dialog > .content > .footer button {
                    background: #F9F9F9;
                    border: 1px solid #CCC;
                    border-radius: 3px;
                    display: inline-block;
                    color: #383838;
                    font-size: 12px;
                    padding: 2px 11px;
                    margin: 0 2px;
                    text-decoration: none;
                }

                    .desktop > .dialog > .content > .footer button:hover {
                        background: #30ADF2;
                        border-color: #30ADF2;
                    }

                    .desktop > .dialog > .content > .footer button.on {
                        background: #289DE9;
                        border-color: #289DE9;
                        color: #FFF;
                    }

                        .desktop > .dialog > .content > .footer button.on:hover {
                            background: #FFF;
                            border-color: #CCC;
                            text-decoration: none;
                            color: #333;
                        }

                    .desktop > .dialog > .content > .footer button:last-child {
                        margin-left: 5px;
                    }

    .desktop > .dialog-mask {
        left: -60px !important;
        top: 0 !important;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,.1);
        display: block;
        position: absolute;
        z-index: 997 !important;
    }

    .desktop > .menu {
        display: none;
        position: absolute;
        z-index: 999;
        border-radius: 2px;
        margin: 0 0 0 -60px;
        overflow: visible;
        background: 0 0;
        padding: 0;
    }

        .desktop > .menu ul {
            min-width: 142px;
            padding: 8px 0;
            margin: 0;
            border-radius: 2px;
            background: #FFF;
            box-shadow: 0 0 2px rgba(0,0,0,.2);
            border: 1px solid #CCC;
            list-style: none;
        }

            .desktop > .menu ul .item {
                padding: 4px 20px;
                position: relative;
                white-space: nowrap;
                cursor: pointer;
                color: #666;
            }

                .desktop > .menu ul .item:hover {
                    background: #E3F4FF;
                }

                .desktop > .menu ul .item.parent:after {
                    font-family: icomoon;
                    color: #999;
                    position: absolute;
                    right: 2px;
                    top: 6px;
                    content: "\e6ed";
                }

                .desktop > .menu ul .item ul {
                    display: none;
                    position: absolute;
                    left: 100%;
                    top: -9px;
                    max-height: 300px;
                    overflow-y: auto;
                }

                .desktop > .menu ul .item:hover ul {
                    display: block;
                }

            .desktop > .menu ul .separate {
                height: 1px;
                border-top: 1px solid #EEE;
                margin: 5px 0;
            }

        .desktop > .menu.right-side ul .item ul {
            left: -100%;
            z-index: 1000;
            max-height: 300px;
            overflow-y: auto;
        }

    .desktop.drag {
        user-select: none !important;
        -moz-user-select: none !important;
        -webkit-user-select: none !important;
        -ms-user-select: none !important;
    }

.navigator-bar-container {
    line-height: 1.42857143;
}

.head-notify .desktop {
    top: 20px;
    height: calc(100% - 20px);
}

    .head-notify .desktop .J-slb-header {
        top: 20px;
    }

    .head-notify .desktop .slb-content .widget-container .widget-config {
        top: 20px;
        height: calc(100% - 20px);
    }

.head-notify .navigator-bar-container {
    top: 20px;
}

body > .container {
    position: fixed;
}

.desktop.sla-back .workspace-filter {
    right: 59px;
}

.desktop.sla-back .file-info {
    left: 25% !important;
}

.desktop.sla-back #J-footer-bar {
    margin-bottom: 10px;
}

    .desktop.sla-back #J-footer-bar .tabs-item {
        margin-top: -2px !important;
    }

.desktop.sla-pop {
    z-index: 3;
    background-color: transparent;
}

.desktop .dialog.sla-dialog {
    top: 20%;
    left: 20%;
    width: 800px;
    height: 450px;
    padding: 0 20px;
}

    .desktop .dialog.sla-dialog .header {
        background: #fff;
        height: 50px;
        padding-top: 23px;
    }

    .desktop .dialog.sla-dialog .body {
        height: 330px;
        text-align: center;
        padding-top: 30px;
        color: #666;
    }

    .desktop .dialog.sla-dialog .footer {
        background: #fff;
        text-align: center;
        box-shadow: none;
        padding-top: 23px;
    }

        .desktop .dialog.sla-dialog .footer button {
            height: 24px;
            width: 100px;
            border: none;
        }

            .desktop .dialog.sla-dialog .footer button.btn-primary {
                background-color: #00A2CA;
                color: #FFF;
            }

            .desktop .dialog.sla-dialog .footer button.btn-link {
                background-color: #DDD;
                color: #333;
            }

    .desktop .dialog.sla-dialog .sla-title {
        z-index: 2;
        font-size: 12px;
        width: 100%;
        padding-left: 130px;
    }

        .desktop .dialog.sla-dialog .sla-title h1 {
            height: 60px;
            font-size: 32px;
            width: 440px;
        }

        .desktop .dialog.sla-dialog .sla-title .navigator-bar-logo {
            text-align: center;
            font-size: 32px;
            height: 60px;
            padding-top: 10px;
            width: 60px;
            float: left;
            margin-top: -10px;
            margin-right: -20px;
        }

            .desktop .dialog.sla-dialog .sla-title .navigator-bar-logo .navigator-logo-bg {
                position: relative;
                margin: 0 auto;
                font-size: 40px;
                width: 40px;
                height: 40px;
            }

                .desktop .dialog.sla-dialog .sla-title .navigator-bar-logo .navigator-logo-bg div {
                    position: absolute;
                    top: 7px;
                    left: 7px;
                    width: 26px;
                    height: 26px;
                    font-size: 26px;
                    color: #fff;
                }

    .desktop .dialog.sla-dialog .sla-content {
        margin-top: 25px;
    }

    .desktop .dialog.sla-dialog .sla-check {
        margin-top: 50px;
    }

        .desktop .dialog.sla-dialog .sla-check input[type=checkbox]:not(.custom-appearance):checked:before {
            background-color: #3b99fc;
        }

.c-overlay.back-mask {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    background-color: #666;
    opacity: .4;
}
